[1.
Kopieren Sie den Code -Code wie folgt:
<Script Language = "JavaScript">
<!-
Window.open ('page.html')
->
</Script>
Da es sich um einen Abschnitt von JavaScripts Code handelt, sollten sie zwischen den Tags </script> zwischen <script langual = "javaScript"> und </script> platziert werden. <!-und-> Auswirkung auf einige niedrige Versionen von Browsern. Diese gute Angewohnheit zu entwickeln. Window.open ('page.html') wird verwendet, um die neue Fensterseite zu steuern. Sowohl einzelne Zitate als auch Doppelzitate können verwendet werden, einfach nicht mischen. Dieser Code kann zu einer beliebigen Position von HTML, <Head> und </head> hinzugefügt werden. Früher versuchen Sie es vorzulegen.
[2.
Sprechen wir über die Einstellungen des Pop -up -Fensters. Fügen Sie dem obigen Code einfach etwas hinzu. Passen wir das Aussehen, die Größe und die Pop -UP -Position des Pop -UP -Fensters an, um sich an die spezifische Situation der Seite anzupassen.
Kopieren Sie den Code -Code wie folgt:
<Script Language = "JavaScript">
<!-
Window.open ('page.html', 'newWindow', 'height = 100, width = 400, top = 0, links = 0, Symbolleiste = nein, Menubar = nein, scrollbars = nein, resizable = nein, l, l , L, L, L, L, L, L, L, L, L, L, L, L, L, L, L ocation = no, Status = no ') //
->
</Script>
Parameter Erläuterung:
<Script Language = "JavaScript"> JS -Skript startet;
Window.open taucht den Befehl des neuen Fensters auf;
'Page.html' Pop -up -Fensterdateiname;
'NewWindow' Der Name des Pop -up -Fensters (nicht Dateiname), nicht erregt, kann durch leeres '' ersetzt werden;
Höhe = 100 Fensterhöhe;
Breite = 400 Fensterbreite;
Ober = 0 Fensterabstand vom oberen Rand des Bildschirms;
Links = 0 Fenster ist ein Pixelwert von der linken Seite des Bildschirms;
Symbolleiste = Nein, um die Symbolleiste anzuzeigen, ja wird angezeigt.
Menubar, Scrollbars repräsentieren eine Menüleiste und eine Rollleiste.
Resizable = Nein Ermöglicht, die Fenstergröße zu ändern. Ja ist erlaubt;
Location = nein, um die Adressleiste anzuzeigen, ist ja erlaubt;
Status = Nein, um die Informationen in der Statusleiste anzuzeigen (normalerweise wurde die Datei geöffnet), ist ja zulässig.
</Script> JS -Skript endet
[3.
Unten ist ein kompletter Code.
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<script Language = "JavaScript">
<!-
Funktion openWin () {) {
Window.open ("page.html", "newwindow", "height = 100, width = 400, Symbolleiste = nein, Menubar = nein, Scrollbars = nein, resizable = nein, locum = no,") // eine Zeile schreiben
}
//->
</script>
</head>
<body = "openWin ()" >>
Jeder Seiteninhalt ...
</body>
</html>
Hier wird eine Funktion openWin () definiert, und der Funktionsinhalt besteht darin, ein Fenster zu öffnen. Vor dem Anrufe gibt es keine Nutzung. Wie rufe ich an?
Methode 1: <Body Online = "OpenWin ()"> Wenn der Browser die Seite liest, wird das Fenster auftaucht;
Methode zwei: <body onunload = "openWin ()"> Der Browser taucht auf, wenn der Browser die Seite verlässt;
Methode 3: Verwenden Sie eine Verbindung, um anzurufen:
<a href = "#" onclick = "openWin ()"> ein Fenster öffnen </a>
Hinweis: Das verwendete "#" ist eine virtuelle Verbindung.
Methode 4: Verwenden Sie eine Schaltfläche, um anzurufen:
<Eingabe type = "button" onclick = "openWin ()" value = "das Fenster öffnen">
[4, 2 Fenster tauchen gleichzeitig auf]
Ändern Sie den Quellcode geringfügig:
Kopieren Sie den Code -Code wie folgt:
<script Language = "JavaScript">
<!-
Funktion openWin () {) {
Window.open ("page.html", "newwindow", "Höhe = 100, width = 100, top = 0, links = 0, Symbolleiste = nein, Menubar = nein, Scrollbars = nein, resizable = nein, lokal = nein , status = no ") //
Window.open ("page2.html", "newWindow2", "Höhe = 100, Breite = 100, Top = 1 00, links = 100, Symbolleiste = nein, Menubar = nein, Scrollbars = nein, resizierbar = nein, l, L, l, l, l, l, l, l, l oca tion = no, Status = no ") //
}
//->
</script>
Um die beiden Fensterabdeckungen zu vermeiden, steuern Sie die POP -UP -Position mit oben und links nicht gegenseitig ab. Rufen Sie schließlich einfach die vier oben genannten Methoden an.
Hinweis: Sei nicht gleich oder einfach leer oder einfach leer.
[5.
Fügen Sie wie im folgenden Code den Hauptfenster <kopf> hinzu:
Kopieren Sie den Code -Code wie folgt:
<script Language = "JavaScript">
<!-
Funktion openWin () {) {
Window.open ("page.html", "", "width = 200, height = 200")
}
//->
</script>
Add <body> Bereich hinzufügen:
<A href = "1.htm" onclight = "openWin ()"> open </a>.
[6.
Steuern wir das folgende Pop -UP -Fenster, und der Effekt ist noch besser. Wenn wir der POP -UP -Seite einen kurzen Code hinzufügen (beachten Sie, dass es sich um das Hinzufügen von Seite.html handelt, ist es nicht auf der Startseite, sonst ...), ist es cooler, ihn nach 10 Sekunden automatisch schließen zu lassen ?
Fügen Sie zunächst den folgenden Code in den Bereich <kopf> der Seite der Seite der Seite.html -Datei hinzu:
Kopieren Sie den Code -Code wie folgt:
<script Language = "JavaScript">
Funktion schließt ()
{{{{
setTimeout ("seld.close ()", 10000) // Millisekunden
}
</script>
Verwenden Sie dann <body online = "closeit ()">, um den ursprünglichen <body> sätze auf Seite.html zu ersetzen. (Vergessen Sie nicht, diesen Satz zu schreiben! Die Rolle dieses Satzes besteht darin, den Code des Schließfensters aufzurufen und das Fenster nach 10 Sekunden selbst zu schließen.)
[7.
<form>
<Input type = 'button' value = 'close' onclick = 'window.close ()'>
</Form>
Haha, es ist jetzt perfekter!
[8.
Die obigen Beispiele umfassen zwei Fenster, eines ist das Hauptfenster und das andere ist ein kleines Fenster. Im folgenden Beispiel können Sie den oben genannten Effekt auf einer Seite vervollständigen.
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<Script Language = "JavaScript">
Funktion openWin ()
{{{{
OpenWindow = window.open ("", "newwin", "height = 250, width = 250, Symbolleiste = no, scrollbars ="+scroll+", mseuBar = no"));
// in eine Zeile schreiben
OpenWindow.document.write ("<title> Beispiel </title>")
OpenWindow.document.write ("<body bgcolor =#ffffff>")
OpenWindow.document.write ("<h1> Hallo! </H1>")
OpenWindow.document.write ("neues Fenster geöffnet!")
OpenWindow.document.write ("</body>")
OpenWindow.document.write ("</html>")
OpenWindow.document.close ()
}
</Script>
</head>
<body>
<a href = "#" onclick = "openWin ()"> ein Fenster öffnen </a>
<Eingabe type = "button" onclick = "openWin ()" value = "das Fenster öffnen">
</body>
</html>
Schauen Sie sich den Code in openWindow.document.write () an, ist nicht der Standard -HTML? Schreiben Sie einfach mehr Zeilen im Format. Achten Sie auf einen Fehler mit einer weiteren Etikett oder weniger Etikett. Denken Sie daran, es mit OpenWindow.document.close () zu beenden.
[9.
Denken Sie daran, dass Sie zwar ein kleines Problem (in Freude eintauchen, Sie es nicht finden dürfen? Homepage), dann jeder, dann wird jede Seite diese Seite aktualisiert, das Fenster wird einmal angezeigt, ist es nicht sehr nervig? : -_
Gibt es eine Lösung? Ja! ;-) Folgen Sie mir.
Fügen Sie zunächst den folgenden Code zum <kopf> der Homepage HTML hinzu:
Kopieren Sie den Code -Code wie folgt:
<Script>
Funktion openWin () {) {
Window.open ("page.html", "", "width = 200, height = 200")
}
Funktion get_cookie (name) {
var search = name + "="
var returnValue = "";
if (document.cookie.length> 0) {{{{{{{{{{{{{{{{{{{{{{
Offset = document.cookie.indexof (Suche)
if (offset! = -1) {{{{{{{{{{{{{{{{{{{{{{{
Offset += such.length
end = document.cookie.indexof (";", Offset);
if (end == -1)
end = document.cookie.length;
ReturnValue = unemmerdecape (document.cookie.substring (Büro, Ende))
}
}
Return returnValue;
}
Funktion loadPopup () {
ift_cookie ('poped') == '') {{{{{{
openwin ()
document.cookie = "poped = yes"
}
}
</script>
Verwenden Sie dann <body online = "loadPopup ()"> (Beachten Sie, dass es nicht openWin ist, sondern loadPop!) Ersetzen Sie den ursprünglichen <body> -Schall auf der Homepage. Sie können versuchen, diese Seite zu aktualisieren oder die Seite erneut einzugeben, und das Fenster wird nie auftauchen. Echtes Pop-Nur-eins!