1. Drei häufigste Dialogfelder in JS
// ======================================================================= Das Dialogfeld erscheint und gibt eine Eingabeaufforderung Meldungsfunktion ALE () {// ein Dialog -Box -Alt -Alt -Alt (":" Eingabeaufforderungsmeldung Ausgabe aus. } // Ein Abfragungsfeld wird angezeigt, mit Bestätigung und Abbrechen der Schaltflächen function () {// Verwenden Sie den Wert, der vom Dialogfeld zurückgegeben wird (True oder False), wenn (bestätigen ("Sind Sie sicher, dass Sie einreichen?")) {Alert ("Klicken, um zu bestätigen"); } else {alert ("klickte zu abbrechen"); }} // Ein Eingabefeld taucht auf, gibt einen Textabsatz ein, und Sie können die Funktion prom () {var name = forderung ("Bitte geben Sie Ihren Namen ein", ""); // den Eingabeinhalt dem Variablennamen zuweisen, // Es ist hier zu beachten, dass ProPT zwei Parameter enthält. Wenn die Eingabeaufforderung die Eingabeaufforderung und dann der Standardwert im Dialogfeld nach dem Dialogfeld erscheint.2. Die 6 Eingabeaufforderung Boxen und Operationen, die üblicherweise beim Klicken auf Schaltflächen verwendet werden
<! ------------------------- <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Onclick = "JavaScript: window.location.href = 'http: //www.baidu.com';"/> <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JavaScript: window.location.reload (); // kehren Sie zur aktuellen Seite zurück und aktualisieren Sie es <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
3. In ein unabhängiges Fenster pop -up
// Schließen, das Dialogfeld wird im übergeordneten Fenster angezeigt, und das untergeordnete Fenster schließt diese. // Schließen, weder das übergeordnete Fenster noch das untergeordnete Fenster tauchen im übergeordneten Fenster auf. this.Response.write ("{top.opener = null; top.close ();}"); this.Response.write ("</script>"); // Beliebte Fenster aktualisiert die aktuelle Seitenbreite = 200 Höhe = 200 Menü. Die Menüleiste, die Symbolleiste, die Adressleiste und die Statusleiste haben dies nicht. // Das Popup-Fenster aktualisiert die aktuelle Seite this.Response.write ("<script langual = javaScript> window.open ('rows.aspx') </script>"); this.Response.write ("<Script> window.open ('webform2.aspx', '_ leer'); </script>"); // Das Popup-Eingabeaufforderungfenster springt auf die Seite webform2.aspx (in einem IE-Fenster) this.Response.write ("<script Language = javaScript> alert ('erfolgreich registriert'); window.location.href = 'webform2.aspx'; </script>"); // das aktuelle untergeordnete Fenster schließen und das übergeordnete Fenster aktualisieren. this.Response.write ("<Script> window.opener.location.replace (window.opener.document.Referrer); window.close (); </script>"); // Das untergeordnete Fenster aktualisiert das übergeordnete Fenster. // Das untergeordnete Fenster aktualisiert das übergeordnete Fenster. // Das Kinderfenster taucht auf. Nach der Bestätigung taucht das untergeordnete Fenster auf (webform2.aspx) this.Response.write ("<script langual = 'javaScript'> alert ('erfolgreich veröffentlicht!'); Window.open ('webform2.aspx') </script>"); // Das Eingabeaufforderungfenster wird angezeigt, und nach der Bestätigung das übergeordnete Fenster this.Response.write ("<Script> alert ('erfolgreich gepostet!'); Window.opener.location.href = window.opener.location.href; </script>"); // Die gleiche Seite wird <Eingabe type = "button" value = "button" onclick = "javaScript: window.open (window.location.HREF)"> // response.write ("parent.mainFrameBottom.location.Href = 'yourWebform.aspx? Tempx =" +""); <Script Language = "JavaScript"> <!-window.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, links = 0, Symbolleiste = nein, Menubar = Nein, ScrollBars = nein, resizierbar = nein, locum = no, status = no') // // dieses Satz sollte als eins geschrieben werden.Parameter Erläuterung:
Befehl window.open, um ein neues Fenster aufzunehmen;
"Page.html" Dateiname des Popup-Fensters;
'NewWindow' Der Name des Popup-Fensters (nicht der Dateiname), falls dies nicht erforderlich ist, kann es durch leer ersetzt werden '';
Höhe = 100 Fensterhöhe;
Breite = 400 Fensterbreite;
TOP = 0 Der Pixelwert des Fensters vom oberen Rand des Bildschirms;
links = 0 Der Pixelwert des Fensters links vom Bildschirm;
Symbolleiste = Nein, ob die Symbolleiste angezeigt werden soll, ja die Anzeige;
Menubar, Scrollbars bedeutet Menüleiste und Scrollbar.
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.
'Newwin': Menüleiste -Adressleisten -Symbolleiste ausblenden
4. Pop-up-Fensterbeispiel Demonstration
// 1. Das grundlegendste Popup-Fenster-Codefenster.open ('page.html') // 2. Das Popup-Fenster nach dem Einstellen von Fenster.open ('page.html', 'newwindow', 'height = 100, width = 400, top = 0, links = 0, Symbolleiste = nein, MenuBar = nein, Scrollbars = Nein, resizierbar = nein, locum = no, status = no') // Dieser Satz sollte in einer Linie in eine Linie geschrieben werden. //'page.html 'Der Dateiname des Popup-Fensters; // 'NewWindow' Der Name des Popup-Fensters (nicht der Dateiname), falls dies nicht erforderlich ist, können Sie stattdessen leere verwenden. // Höhe = 100 Fensterhöhe; // Breite = 400 Fensterbreite; // Top = 0 Pixelwert des Fensters von oben auf dem Bildschirm; // links = 0 Pixelwert des Fensters von der linken Seite des Bildschirms; // Symbolleiste = Nein, ob die Symbolleiste angezeigt werden soll, ist die Anzeige. // Menubar repräsentiert Scrollbars die Menüleiste und die Scrollbar. // resizable = nein, ob das Ändern der Fenstergröße zulässig ist, ist ja zulässig. // location = no, ob die Adressleiste angezeigt werden soll, ist ja zulässig. // status = no, ob die Informationen in der Statusleiste angezeigt werden sollen (normalerweise wurde die Datei geöffnet), ist ja zulässig. // 3. Verwenden Sie die Funktion, um die Popup-Fensterfunktion OpenWin () {window.open ("page.html", "newwindow", "Höhe = 100, width = 400, Symbolleiste = no, MenuBar = no, scrollBars = no, resizable = no, locum = no, status = no") // Schreiben Sie} $ (). // Eine Funktion openWin () wird hier 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 Onload = "OpenWin ()"> Ein Popup-Fenster ist, wenn der Browser die Seite liest; // Methode 2: <Body Onunload = "openWin ()"> Ein Popup-Fenster ist, wenn der Browser die Seite verlässt; // Methode 3: Rufen Sie mit einer Verbindung an: // <a href = "#" onclick = "openWin ()"> ein Fenster öffnen </a> // Hinweis: Das verwendete "#" ist eine virtuelle Verbindung. // Methode 4: Rufen Sie mit einer Taste auf: // <Eingabe type = "button" onclick = "openWin ()" value = "openWin ()"> // 4, 2 Fenster tauchen zur gleichen Zeit auf openwin () {Fenster. resizable = no, location = no, Status = no ") // Schreiben Sie es in ein Zeilenfenster. Fenster, die auftauchen, verwenden Sie oben und links, um die Popup -Position zu steuern und sich nicht gegenseitig zu überschreiben. Verwenden Sie schließlich die vier oben genannten Methoden, um es aufzurufen. // Hinweis: Die Namen (NewWindows und NewWindow2) der beiden Fenster sollten nicht gleich sein oder einfach leer sind. // 5. Öffnen Sie die Datei 1.htm im Hauptfenster, und ein kleines Fenster taucht auf Seite auf. Die zeitgesteuerte Schließsteuerung des Popup-Fensters // Low Wir werden die Kontrolle über das Popup-Fenster durchführen, und der Effekt wird besser sein. Wenn wir der Popup-Seite einen kleinen Code hinzufügen (beachten Sie, dass es dem HTML von Seite.html hinzugefügt wird, nicht zur Hauptseite), wäre es nicht 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.html -Datei hinzu: Funktion Clohit () {setTimeout ("self.close ()", 10000) // ms} // Die Laden Sie abgeschlossen und ruft das endgültige Ereignis $ (Dokument). // 7. Fügen Sie dem Popup-Fenster eine Schaltfläche Schließen hinzu // <Eingabe type = 'Schaltfläche' value = 'close' onclick = 'window.close ()'> // 8. Popup-Fenster enthalten-eine Seite und zwei Fenster // Die obigen Beispiele enthalten zwei Fenster. Eine 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. Funktion openWin () {openWindow = window.open ("", "NewWin", "Höhe = 250, width = 250, Symbolleiste = no, scrollbars =" + scroll + ", MenuBar = no"); // Schreiben Sie es als Zeile openWindow.document.write ("<title> Beispiel </title>") openWindow.document OpenWindow.document.write ("</body>") openWindow.document.write ("</html>") openWindow.document // 9. Das Cookie-Steuerelement des ultimativen Anwendungsfensters // erinnern Sie sich daran, dass es zwar cool ist, zwar cool, aber ein kleines Problem. Wenn Sie beispielsweise das Skript oben in einer Seite platzieren, die häufig (z. B. die Startseite) passieren muss, wird jedes Mal, wenn Sie diese Seite aktualisieren, das Fenster einmal angezeigt und wir verwenden nur Cookies, um es zu steuern. // Fügen Sie zunächst den folgenden Code zum <kopf> der Hauptseite der Hauptseite hinzu: Funktion openWin () {window.open ("page.html", "", "width = 200, height = 200")} Funktion get_cookie (Name) {var such = name + "=" var returnValue = ""; if (document.cookie.length> 0) {offset = document.cookie.indexof (such) if (offset! if (end == -1) end = document.cookie.length; returnValue = unsCape (document.cookie.substring (offset, ende))}} return returnValue; } function loadpopup () {if (get_cookie ('poped') == '') {openWin () document.cookie = "popped = yes"} // Dann ersetzen Sie den ursprünglichen <body> -Schall auf der Hauptseite mit <body onload = "loadPopup ()"> (neigen Sie. wieder. Das echte Pop-Nur-Only!Die obige Zusammenfassung der Implementierungsmethoden von JS-Pop-up-Boxen, Dialogfeldern, Eingabeaufforderungsfeldern und Popup-Windows (empfohlen) ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.