1. Trois boîtes de dialogue les plus courantes dans JS
// =================================================================================. } // Une zone de requête apparaît, avec la fonction de confirm et d'annulation de boutons firm () {// Utilisez la valeur renvoyée par la boîte de dialogue (true ou false) if (confirm ("êtes-vous sûr de soumettre?")) {Alert ("cliquer pour confirmer"); } else {alert ("cliquez pour annuler"); }} // Une boîte de saisie apparaît, entre dans un paragraphe de texte, et vous pouvez soumettre la fonction prom () {var name = prompt ("Veuillez entrer votre nom", ""); // Attribuez le contenu d'entrée au nom de la variable, // il convient de noter ici que Propt a deux paramètres. Si l'invite est l'invite, puis la valeur par défaut dans la boîte de dialogue après la sortie de la boîte de dialogue .//if le contenu renvoyé est {alert ("bienvenue:" + name)}}2. Les 6 cases et opérations d'invite couramment utilisées lors de la cliquetis sur les boutons
<! -------------------------> <input type = "Button" name = "btn2" id = "btn2" value = "delete" onclick = "return confirm ('oui / non');); <! ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- onClick = "javascript: window.location.href = 'http: //www.baidu.com';" /> <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- JavaScript: window.location.reload (); // Revenez à la page actuelle et actualisez <! --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------3. Fenêtre indépendante pop-up
// Close, la boîte de dialogue apparaît dans la fenêtre parent, et la fenêtre enfant ferme directement ce.response.write ("<script linguisse = javascript> window.close (); </cript>"); // Close, ni la fenêtre parent ni la fenêtre enfant n'apparaissent dans la fenêtre parent, ferme directement ce.response.write ("<cript>"); this.Response.write ("{top.openner = null; top.close ();}"); this.response.write ("</cript>"); // La fenêtre populaire rafraîchit la largeur de page actuelle = 200 hauteur = 200 menu. La barre de menu, la barre d'outils, la barre d'adressage, la barre d'état n'ont pas ceci.Response.write ("<script linguisse = javascript> window.open ('wows.aspx', 'newwindow', 'width = 200, height = 200') </cript>"); // La fenêtre contextuelle rafraîchit la page actuelle this.Response.write ("<script linguisse = javascript> window.open ('rows.aspx') </cript>"); this.response.write ("<cript> window.open ('webForm2.aspx', '_ blanc'); </script>"); // La fenêtre d'invite pop-up saute sur la page WebForm2.aspx (dans une fenêtre IE) this.response.write ("<script linguisse = javascript> alert ('enregistré avec succès'); window.location.href = 'webForm2.aspx'; </cript>"); // Fermez la fenêtre enfant actuelle et rafraîchissez la fenêtre parent this.response.write ("<cript> window.openner.location.href = window.opener.location.href; window.close (); </script>"); this.Response.write ("<cript> window.opener.location.replace (window.opener.document.referrer); window.close (); </cript>"); // La fenêtre enfant rafraîchit la fenêtre parent this.response.write ("<script> window.opener.location.href = window.oopener.location.href = 'webform1.aspx'; </ script>"); // La fenêtre enfant rafraîchit la fenêtre parent this.response.write ("<cript> window.oopener.location.href = 'webform1.aspx'; </cript>"); // La fenêtre enfant apparaît. Après la confirmation, la fenêtre enfant apparaît (webForm2.aspx) this.Response.write ("<script linguisse = 'javascript'> alert ('publié avec succès!'); Window.open ('webForm2.aspx') </cript>"); // La fenêtre de l'invite apparaît et après confirmation, actualisez la fenêtre parent this.response.write ("<script> alert ('publié avec succès! // La même page apparaît <entrée type = "bouton" value = "bouton" onClick = "javascript: window.open (window.location.href)"> // réponse.write ("parent.mainframebottom.location.href = 'yourwebform.aspx? Temp =" + str + "';); <Script Language = "JavaScript"> <! - Window.Open ('page.html', 'Newwindow', 'height = 100, width = 400, top = 0, Left = 0, toolbar = no, menuBar = no, scrollbars = no, resizable = no, location = no, status = no') // cette phrase doit être écrit comme une ligne ->>Explication des paramètres:
Commande Window.Open pour faire monter une nouvelle fenêtre;
Nom de fichier 'Page.html' de la fenêtre contextuelle;
'Newwindow' le nom de la fenêtre contextuelle (pas le nom de fichier), s'il n'est pas nécessaire, il peut être remplacé par vide '';
hauteur = 100 hauteur de fenêtre;
largeur = 400 Largeur de fenêtre;
supérieur = 0 La valeur de pixel de la fenêtre en haut de l'écran;
gauche = 0 La valeur de pixel de la fenêtre à gauche de l'écran;
barre d'outils = non pour afficher la barre d'outils, oui est l'affichage;
Menubar, Scrollbars signifie la barre de menu et la barre de défilement.
Resizable = Non, qu'il s'agisse de modifier la taille de la fenêtre, oui est autorisé;
Emplacement = Non, s'il faut afficher la barre d'adresse, oui est autorisé;
status = non afficher des informations dans la barre d'état (généralement le fichier est déjà ouvert), oui est autorisé;
'Newwin': masquer la barre d'outils de la barre de barre de menu
4. Exemple de fenêtre pop-up Exemple de démonstration
// 1. La fenêtre de code de fenêtre pop-up la plus basique.open ('page.html') // 2. La fenêtre contextuelle après la fenêtre de définition.open ('page.html', 'Newwindow', 'height = 100, width = 400, top = 0, gauche = 0, toolbar = no, menuBar = no, scrollbars = no, resizable = no, emplacement = no, status = no') // cette phrase devrait être écrite dans une ligne // paramètre explanation: // fenêtre. //'page.html 'Le nom de fichier de la fenêtre contextuelle; // `` Newwindow 'le nom de la fenêtre contextuelle (pas le nom de fichier), si ce n'est pas nécessaire, vous pouvez utiliser vide' 'à la place; // hauteur = 100 hauteur de fenêtre; // Largeur = 400 Largeur de fenêtre; // TOP = 0 Pixel Valeur de la fenêtre en haut de l'écran; // gauche = 0 pixel Valeur de la fenêtre du côté gauche de l'écran; // barre d'outils = non afficher la barre d'outils, oui est l'affichage; // MenUbar, les barres de défilement représentent la barre de menus et la barre de défilement. // Resizable = Non, qu'il s'agisse de modifier la taille de la fenêtre, oui est autorisé; // Emplacement = Non, s'il faut afficher la barre d'adresse, oui est autorisé; // Status = Non, qu'il s'agisse d'afficher les informations dans la barre d'état (généralement le fichier a été ouvert), oui est autorisé; // 3. Utiliser la fonction pour contrôler la fonction de fenêtre contextuelle openwin () {window.open ("page.html", "NewWindow", "height = 100, width = 400, toolbar = no, menuBar = no, scrollbars = no, resizable = no, location = no, status = no") // write it as a line} $ (document) .ready (fucntion () {openwin;}); // Une fonction openwin () est définie ici, et le contenu de la fonction consiste à ouvrir une fenêtre. Il n'y a pas d'usage avant qu'il ne soit appelé. Comment l'appeler? // Méthode 1: <Body Onload = "OpenWin ()"> Une fenêtre contextuelle est lorsque le navigateur lit la page; // Méthode 2: <Body onunload = "openWin ()"> Une fenêtre contextuelle est lorsque le navigateur quitte la page; // Méthode 3: Appelez avec une connexion: // <a href = "#" onclick = "openwin ()"> Ouvrez une fenêtre </a> // Remarque: le "#" utilisé est une connexion virtuelle. // Méthode 4: Appelez avec un bouton: // <entrée type = "bouton" onclick = "openwin ()" value = "openwin ()"> // 4, 2 windows apparaît en même temps openwin () {window.open ("page.html", "newwindow", "hight = 100, width = 100, top = 0, gauche = 0 Resizable = no, location = no, status = no ") // l'écrivez-le dans une fenêtre de ligne.open (" page2.html "," Newwindow2 "," height = 100, width = 100, top = 1 00, gauche = 100, toolbar = no, menuBar = no, scrollbars = no, reizable = no, loca tion = no ") Les fenêtres qui apparaissent, utilisent le haut et la gauche pour contrôler la position popup et ne pas se remplacer. Enfin, utilisez les quatre méthodes mentionnées ci-dessus pour l'appeler. // Remarque: les noms (Newwindows et Newwindow2) des deux fenêtres ne doivent pas être les mêmes, ou ils sont simplement vides. // 5. Ouvrez le fichier 1.htm dans la fenêtre principale, et une petite fenêtre apparaît page.html openwin () {window.open ("page.html", "", "width = 200, height = 200")} // appel: <a href = "1.htm" onclick = "openwin ()"> open </a> // 6. Le contrôle de clôture chronométré de la fenêtre contextuelle // Low Nous effectuerons un certain contrôle sur la fenêtre contextuelle, et l'effet sera meilleur. Si nous ajoutons un petit morceau de code à la page contextuelle (notez qu'il est ajouté au HTML de page.html, pas la page principale), ne serait-il pas plus cool de le laisser se fermer automatiquement après 10 secondes? // Tout d'abord, ajoutez le code suivant à la zone <Aad> du fichier page.html: fonction closeTiT () {setTimeout ("self.close ()", 10000) // ms} // le chargement de page est terminé et appelle l'événement de clôture $ (document) .ready (fucntion () {closeIt ();}); // 7. Ajoutez un bouton Fermer à la fenêtre pop-up // <Type d'entrée = 'Button' Value = 'Close' onClick = 'Window.close ()'> // 8. Fenêtre contextuelle incluse - une page et deux fenêtres // Les exemples ci-dessus contiennent deux fenêtres, l'une est la fenêtre principale et l'autre est la fenêtre contextuelle. Avec l'exemple suivant, vous pouvez terminer l'effet ci-dessus dans une page. fonction openwin () {openWindow = window.open ("", "newwin", "height = 250, width = 250, toolbar = no, scrollbars =" + scroll + ", menuBar = no"); // Écrivez-le comme une ligne openWindow.Document.Write ("<Title> Exemple </ Title>") OpenWindow.Document.Write ("<Body BgColor = # FFFFFF>") OpenWindow.Document.Write ("<h1> Hello! </h1>") OpenWindow.Document.Write ("New Fendreed!") OpenWindow.Document.Write ("</ Body>") OpenWindow.Document.Write ("</Html>") OpenWindow.Document.Close ()} // <a href = "#" OnClick = "OpenWin ()"> Ouvrir une fenêtre </a> // <entrée type = "Button" OnClick = "OpenWin ()" Valent = "Openw () // 9. Le contrôle des cookies de la fenêtre populaire ultime // rappelle que bien que la fenêtre contextuelle ci-dessus soit cool, il y a un peu de problème. Par exemple, si vous placez le script ci-dessus dans une page qui doit passer fréquemment (comme la page d'accueil), chaque fois que vous actualisez cette page, la fenêtre apparaîtra une fois, et nous utilisons simplement des cookies pour le contrôler. // Tout d'abord, ajoutez le code suivant à la zone <A-Head> de la page principale html: fonction openwin () {window.open ("page.html", "", "width = 200, height = 200")} function get_cookie (name) {var search = name + "=" var returnValue = ""; if (document.cookie.length> 0) {offset = document.cookie.indexof (search) if (offset! = -1) {offset + = search.length end = document.cookie.indexof (";;", offset); if (end == -1) end = document.cookie.length; returnValue = unEscape (document.cookie.substring (offset, end))}} return returnValue; } fonction chargepopup () {if (get_cookie ('poppped') == '') {openwin () document.cookie = "Popped = yes"}} // alors, remplacez la phrase <body> originale dans la page principale avec <body onLoad = "LoadPopup ()"> (Notez qu'il n'est pas OpenWin mais ne vous lancez pas!) Vous pouvez essayer de rafraîchir cette page ou de le renommer, et de ne pas apparaître!) Vous pouvez essayer de rafraîchir cette page ou de le renommer, et de ne pas apparaître!). encore. Le vrai pop-only-once!Le résumé ci-dessus des méthodes d'implémentation des boîtes contextuelles JS, des boîtes de dialogue, des boîtes d'invite et des fenêtres contextuelles (recommandées) est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.