Einfacher Verwendungsbeispiel für JS Popup -Plugin ZDialog

Dieser Artikel beschreibt die einfache Verwendung von JS Pop-up-Plug-in-ZDialog. Teilen Sie es für Ihre Referenz wie folgt weiter:

Da es keine Elemente gibt, die auf dem Frameset angezeigt werden können, ist es neu definiert, ein Index.htm und sein Betrieb lautet:

Index.htm

 <script Language = "javaScript" src = "js/zdialog/zdialog.js" type = "text/javaScript"> </script> <script langual type = "text/javaScript"> // In seiner untergeordneten Seite nennen Sie diese Methode zu Openendialog (Titel, url) {var dlg = new Dialog (); // Definieren Sie das Dialogobjekt dlg.model = true; dlg.width = 500; // Die Länge definieren dlg.height = 400; dlg.url = url; dlg.title = title; dlg.show ();} </script>

Definieren Sie einen Iframe, um die entsprechende Schnittstelle einzuführen:

Die Codekopie lautet wie folgt: <iframe src = "default.htm" Framborder = "0" id = "parentFrame" name = "parentFrame" marginHeight = "0" marginwidth = "0" runat = "server" scrolling = "auto"> </iframe>

In der Schnittstelle, in der es das Popup-Fenster aufrufen muss, können Sie es so schreiben:

 Funktion B (URL, Titel, ID) {set_current (id); top.opendialog (Titel, URL); // Die JS -Methode in index.htm heißt hier}} aufgerufen}

In anderen Unterseite wird eine Eingabeaufforderung für die Schachtel angezeigt:

 top.dialog.alert ("erfolgreich"); // Nur formte top.dialog.close (); // das Fenster top.dialog.alert ("erfolgreich", function () {top.dialog.close ();}) // beliebte Eingabeaufforderung, auf OK, um das Popup-Fenster zu schließen, nachdem er auf OK klickt

Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "

Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.