Ich denke, die meisten von Ihnen wissen, wie Sie Webseiten verwenden, um Windows in verschiedenen Formen zu übertreffen. Lassen Sie uns jedoch erfahren, wie Sie noch heute eine Vielzahl von Pop-up-Fenstern erstellen:
1. Öffnen Sie ein Vollbildfenster
Der Code ist wie folgt:
<html> <body //www.vevb.com ',' wulin.com ',' Fullscreen '); ">; <b> www.vevb.com </b> </body> </html>
2. Öffnen Sie ein Fenster, das von F11 transformiert wurde
Der Code ist wie folgt:
<html> <body '//www.vevb.com', 'wulin.com', 'ChannelMode'); ">; <b> www.vevb.com </b> </body> </html>
3. Öffnen Sie ein Fenster mit der Lieblings -Link -Symbolleiste
Der Code ist wie folgt:
<html> <body www.wangye8.com ',' wulin.com ',' width = 400, Höhe = 300, Verzeichnisse '); "> <b> www.wangye8.com </b> </body> </html>
4. Dialogfeld Webseiten
Der Code ist wie folgt:
<html> <script Language = "JavaScript"> <!-ShowModaldialog ('// www.vevb.com,' wulin.com ',' Dialogwidth: 400px; DialogHeight: 300px; Dialogleft: 200px; DialogTop: 150px; Center: Ja; <b> www.wangye8.com </b> </body> </html> <html> <script langer = "javaScript"> <!-- showModelessDialog ('// www.vevb.com,' wulin.com ',' Dialogwidth: 400PX; DialogHeight: 300px; Dialogleft: 200px; DialogTop: 150px; Center: Ja; Hilfe: Ja; </body> </html>showModaldialog () oder showmodelessDialog (), um das Web -Dialogfeld Web aufzurufen. Was den Unterschied zwischen ShowModaldialog () und ShowModelessDialog () betrifft, wird das von ShowModaldialog () (bezeichnete Fenster als Modusfenster bezeichnet) auf das übergeordnete Fenster platziert und muss geschlossen werden, um auf das übergeordnete Fenster zuzugreifen (es wird empfohlen, es so wenig wie möglich zu verwenden, um das Entschlossenheit zu vermeiden). ShowmodelessDialog ()
DialogHeight: IHeight legt die Höhe des Dialogfensters fest.
Dialogwidth: Iwidth legt die Breite des Dialogfensters fest.
Dialogleft: IXPOS legt die linke Position des Dialogfensters relativ zur oberen linken Ecke des Desktops fest.
DialogTop: IYPOS legt die obere Position des Dialogfensters relativ zur oberen linken Ecke des Desktops fest.
Mitte: {Ja | Nein | 1 | 0} Gibt an, ob das Dialogfeld auf dem Desktop zentriert werden soll, der Standardwert lautet "Ja".
Hilfe: {ja | Nein | 1 | 0} Gibt an, ob das Kontext-sensitive Hilfesymbol im Dialogfenster angezeigt wird. Der Standardwert ist "Ja".
resizierbar: {yes | Nein | 1 | 0} Gibt an, ob die Dialogfenstergröße variabel ist. Der Standardwert ist "nein".
Status: {Ja | Nein | 1 | 0} Gibt an, ob die Statusleiste im Dialogfenster angezeigt wird. Für das Dialogfeld "Nicht-Mode" -Dialogfenster lautet der Standardwert "Ja". Für das Modusdialog Windows ist der Standardwert "nein".
5. Andere Popup-Fenstercodes
Freunde, die oft im Internet surfen, haben solche Websites möglicherweise besucht. Sobald sie die Homepage betreten, wird ein Fenster sofort angezeigt oder drücken Sie einen Link oder eine Taste, um zu auftauchen. Normalerweise einige Vorsichtsmaßnahmen, Urheberrechtsinformationen, Warnungen, Begrüßungen usw. oder Informationen, die der Autor spezielle Eingabeaufforderungen anbieten möchte. Tatsächlich ist es sehr einfach, eine solche Seite zu erstellen. Fügen Sie einfach ein paar Java -Skriptcode zum HTML der Seite hinzu. Als nächstes werde ich Sie mitnehmen, um sein Geheimnis zu analysieren.
【Der grundlegendste Popup-Fenstercode】
Tatsächlich ist der Code sehr einfach:
Der Code ist wie folgt:
<Script Language = "Java script"> <!-window.open ('page.html')-> </script>Da dies ein Stück Java -Skriptcode ist, sollten sie zwischen dem < -script -Sprache = "Java -Skript"> Tag und </script> platziert werden. <!-und-> sind nützlich für einige Browser mit niedrigeren Versionen. Wenn Java -Skript in diesen alten Browsern nicht unterstützt wird, wird der Code im Tag nicht als Text angezeigt.
Window.open ('page.html') wird verwendet, um das Popup einer neuen Fensterseite zu steuern. Wenn Page.html nicht im gleichen Pfad wie das Hauptfenster ist, sollte der Pfad vorne geschrieben werden, sowohl der absolute Pfad (http: //) als auch der relative Pfad (../) sind in Ordnung.
Es ist in Ordnung, einzelne und doppelte Zitate zu verwenden, aber mischen Sie sie nicht.
Dieser Code kann zu einer beliebigen Position von HTML hinzugefügt werden und zwischen <Head> und </head> hinzugefügt werden. Je höher die Position ist, desto früher ist die Ausführung, insbesondere wenn der Seitencode länger ist, es vorab, wenn Sie möchten, dass die Seite frühzeitig auftaucht.
【Popup-Fenster nach Einstellung】
Sprechen wir über die Einstellungen des Aussehens des Popup-Fensters. Fügen Sie dem obigen Code einfach etwas mehr hinzu.
Passen wir das Aussehen, die Größe und die Popup-Position dieses Popup-Fensters an die spezifische Situation der Seite an.
Der Code ist wie folgt:
<Script Language = "Java Skript:> <!-window.open ('page.html', 'newWindow', 'height = 100, width = 400, top = 0, links = 0, Symbolleiste = nein, MenuBar = nein, scrollbars = nein, resizierbar = no, locum = no, status = no') Als eine Zeile schreiben-> </script>Parameter Erläuterung:
<Script Language = "Java -Skript"> Das JS -Skript startet;
Befehl window.open, um ein neues Fenster aufzunehmen;
Page.html Der Dateiname des neuen Fensters wird angezeigt.
Der Name des NewWindow-Popup-Fensters (nicht der Dateiname), der durch leer ersetzt werden kann. "
Höhe = 100 Fensterhöhe;
TOP = 0 Der Pixelwert des Fensters vom oberen Rand des Bildschirms;
links = 0 Der Pixelwert des Fensters von der linken Seite des Bildschirms;
Symbolleiste = Nein, ob die Symbolleiste angezeigt werden soll, ja die Anzeige;
Menubar, Scrollbars bedeutet Menüleiste und Bildlaufleiste;
resizable = Nein, ob das Ändern der Fenstergröße zulässig ist, ist ja zulässig.
Position = Nein, ob die Adressleiste angezeigt werden soll, ist ja zulässig.
Status = Nein, ob Informationen in der Statusleiste angezeigt werden sollen (normalerweise ist die Datei bereits geöffnet), ist ja zulässig.
</Script> Das JS -Skript endet.
【Verwenden Sie Funktionen, um Pop-up-Windows zu steuern.】
Hier ist ein vollständiger Code.
Der Code ist wie folgt:
<html> <head> <script LANGUAGE="java script"> <!-- function openwin(){ window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no";) //Write as a line} --> </script> </head> <body > ... willkürlicher Seiteninhalt ... </body> </html>Hier ist eine Funktion openWin () definiert, und der Funktionsinhalt besteht darin, ein Fenster zu öffnen. Es gibt keine Verwendung, bis es genannt wird. Wie nenne ich es?
Methode 1: <Body> Ein Popup-Fenster wird angezeigt, wenn der Browser die Seite liest.
Methode 2: <Body> Ein Popup-Fenster wird angezeigt, wenn der Browser die Seite verlässt.
Methode 3: Anruf mit einer Verbindung: <a href = "#"> ein Fenster öffnen </a>
Hinweis: Das verwendete "#" ist eine virtuelle Verbindung.
Methode 4: Rufen Sie mit einer Schaltfläche auf: <Eingabe type = "Schaltfläche" value = "Fenster öffnen">
[Die Datei 1.HTM wird im Hauptfenster geöffnet, und eine kleine Fensterseite.
Fügen Sie den folgenden Code zum Hauptfenster <kopf> hinzu:
Der Code ist wie folgt:
<script Language = "Java script"> <!-Funktion openWin () {window.open ("page.html", "", "width = 200, height = 200";)} //-> </script>Fügen Sie einfach den Bereich <Body> hinzu: <a href = "1.htm"> offen </a>.
【Steuerungssteuerung für das Pop-up-Fenster】 Steuern】】
Übernehmen wir etwas Kontrolle über das Popup-Fenster, und der Effekt wird noch besser sein. Wenn wir der Popup-Seite einen kleinen Code hinzufügen (beachten Sie, dass es der HTML von Seite.html hinzugefügt wird, nicht auf der Hauptseite, sonst ...), wäre es nicht cooler, es 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:
Der Code ist wie folgt:
<script Language = "Java script"> Funktion Clohit () {setTimeout ("self.close ()", 10000) // ms} </script>Verwenden Sie dann den Satz <body> anstelle des ursprünglichen Satzes <body> in Seite.html. (Vergessen Sie nicht, diesen Satz zu schreiben! Der Zweck dieses Satzes ist es, den Code zu rufen, der das Fenster schließt, und das Fenster nach 10 Sekunden selbst zu schließen.)
【Fügen Sie im Popup-Fenster eine Schließknopf hinzu】
Der Code ist wie folgt:
<form>
<Eingabe type = 'Taste' value = 'schließen'
</form>
Haha, es ist jetzt perfekter!
[Popt -up -Fenster enthalten - zwei Fenster pro Seite]
Die obigen Beispiele enthalten alle zwei Fenster, eines ist das Hauptfenster und das andere ist das Popup-Fenster.
Mit dem folgenden Beispiel können Sie den obigen Effekt auf einer Seite ausführen.
Der Code ist wie folgt:
<html> <kopf> <script langer = "java script"> function openWin () {openWindow = window.open ("", "newwin", "height = 250, width = 250, Symbolleiste = no, scrollbars ="+scroll+", MenuBar = no";); // Schreiben Sie es als Zeile openWindow.document OpenWindow.document.write ("</body>";) openWindow.document.write ("</html>";) openWindow.documentMal sehen, ob der Code in OpenWindow.document.write () nicht der Standard -HTML ist? Schreiben Sie einfach mehr Zeilen im Format. Achten Sie darauf, dass, wenn eine weitere Etikette oder eine Beschriftung zu Fehlern führt. Denken Sie daran, mit OpenWindow.document.close () zu enden.
【Ultimative Anwendung - Cookie -Steuerung im Popup -Fenster】
Denken Sie daran, dass das Popup-Fenster, obwohl es cool ist, ein kleines Problem (Sie sind in Freude eingetaucht, Sie dürfen es nicht finden, oder?). Wenn Sie das Skript oben auf einer Seite, die häufig (z. B. die Homepage) geleitet werden muss, geben, wird das Fenster jedes Mal, wenn Sie diese Seite aktualisieren, einmal angezeigt. Ist es nicht sehr nervig? Gibt es eine Lösung? Ja! Folgen Sie mir. Wir müssen nur Cookies verwenden, um es zu kontrollieren.
Fügen Sie zunächst den folgenden Code in den Bereich <kopf> der Hauptseite HTML hinzu:
Der Code ist wie folgt:
<Script> Funktion openPopUp () {window.open ("hello.htm", "", "width = 300, height = 300") // Das Popup-Fenster selbst ändern} Funktion get_cookie (Name) {var search = name + "=" var returnValue = ""; if (documents.cookie.length> 0) {offset = documents.cookie.indexof (such) if (offset! // Index des Ende des Cookie -Wertes festlegen, wenn (end == -1) end = documents.cookie.length; returnValue = unsCape (documents.cookie.substring (offset, ende))}} return returnValue; } Funktion loadPopup () {if (get_cookie ('poped') == '') {openPopup () dokumente.cookie = "poped = yes"}} </script>Geben Sie den folgenden Code in den Körperbereich ein:
<body> // Pop Wenn Sie die Seite verlassen
oder:
<body> // Pop beim Eingeben von Seite
Sie können versuchen, diese Seite zu aktualisieren oder sie wieder einzutreten, und das Fenster wird nie wieder auftauchen. Das echte Pop-Nur-Only!
Nachdem dies geschrieben wurde, wurden die Produktions- und Anwendungstechniken von Pop-up-Fenstern im Grunde genommen beendet. Ich hoffe, ich freue mich sehr, meinen Freunden zu helfen, die Webseiten machen.
Es ist zu beachten, dass der Fall in JS -Skripten vor und nach am besten konsistent ist.
Popup -Fenster ohne Menüs, Symbolleisten und Adressstangen:
Der Code ist wie folgt:
<script Language = "Java script"> <!- var gt = unscape ('%3e'); var popup = null; var Over = "Pop-up-Navigator starten"; popup = window.open ('', 'popupnav', 'width = 500, Höhe = 500, resizable = 0, scrollbars = auto'); // width = 500, Höhe = 500 sind die Fensterlänge und Breite, wenn (popup! = null) {if (popup.opener == null) {popup.opener = self; } popup.location.href = 'Der zu öffnende Dateiname'; } // -> </script>Methode 2: Cookies -Anwendung: Steuern Sie das Popup -Fenster Wenn wir ein Pop -Popup -Fenster in einer Seite festlegen, wird das POP -Fenster bei jedem Umbenennen der Seite automatisch angezeigt, was zu unnötigen Problemen führt. Wie kann man dieses Problem lösen? Hier werde ich ein einfaches Beispiel verwenden, um zu erklären, wie das Pop-up-Popup nur beim Durchsuchen der Seite auf der Seite zum ersten Mal durch Betrieb von Cookies auftaucht, und es wird in Zukunft nicht mehr ärgerlich sein!
Kopieren Sie den Code wie folgt: <Script> Funktion openPOPWindow () {window.open ("hello.htm", "", "width = 200, height = 200" // Das Popup-Fenster selbst ändern}}} -Funktion get_cookie (name) {var such = name + "; var returnalue =" "; documents.cookie.indexof (suche); returnValue = unescape (documents.cookie.substring (offset, end)}} returnValue;
Geben Sie den obigen Code in den Körperbereich ein: <Body> // Popt Out, wenn Sie die Seite verlassen
Oder: <body> // Der Effekt des Popup-Fensters wird angezeigt, wenn die Seite angezeigt wird, wenn die Seite verließ:
Effekt: Wenn andere diese Seite schließen, taucht ein Fenster auf und Sie können einige Segenswörter schreiben
Kerncode:
Der Code ist wie folgt:
<script Language = "JavaScript"> <!-Function Function Leave () {window.open ('1.htm', ',' Symbollbar = no, MenuBAR = no, location = no, height = 225, width = 235 '); Break} // End-> </script>Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.