Exemple d'utilisation simple du plugin popup js zDialog

Cet article décrit l'utilisation simple du plug-in pop-up js zDialog. Partagez-le pour votre référence, comme suit:

Parce qu'il n'y a pas d'éléments qui peuvent être affichés sur le jeu de cadres, il est redéfini, un index.htm, et son fonctionnement est:

Index.htm

 <Script Language = "JavaScript" src = "js / zDialog / zDialog.js" type = "text / javascript"> </ script> <script linguisse = "javascrip type = "text / javascript"> // Dans sa page enfant, appelez cette méthode à OpenDialog (title, url) {var dlg = new dialog (); // définir l'objet de dialogue dlg.model = true; dlg.width = 500; // définir la longueur dlg.height = 400; dlg.url = url; dlg.title = title; dlg.show ();} </ script>

Définissez un iframe pour introduire l'interface correspondante:

La copie de code est la suivante: <iframe src = "default.htm" frameborder = "0" id = "parentFrame" name = "parentFrame" marginheight = "0" marginwidth = "0" runat = "server" scrolling = "auto"> </ iframe>

Dans l'interface où il doit appeler la fenêtre contextuelle, vous pouvez l'écrire comme ceci:

 fonction b (url, title, id) {set_current (id); top.opendialog (title, url); // la méthode js dans index.htm est appelée ici}

Dans d'autres sous-pages, une boîte rapide apparaît:

 top.dialog.alert ("réussi"); // uniquement invite top.dialog.close (); // ferme la fenêtre top.dialog.alert ("réussi", function () {top.dialog.close ();}) // invite populaire, cliquez sur OK pour fermer la fenêtre pop-up après avoir cliqué sur OK

Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "

J'espère que cet article sera utile à la programmation JavaScript de tous.