Cet article résume les méthodes de fenêtre contextuelles JavaScript couramment utilisées pour votre comparaison et votre référence. J'espère que cela vous sera utile. La méthode détaillée est la suivante:
1. Actualisez la page Web silencieusement:
Avez-vous remarqué que lorsque certaines pages Web sont actualisées, une fenêtre d'invite apparaîtra et cliquez sur "OK" pour actualiser.
Certaines pages ne seront pas invitées et la fenêtre de l'invite sera actualisée directement sans apparaître.
Si la page n'a pas de formulaire,
La fenêtre d'invite ne apparaîtra pas
Si la page a un formulaire de formulaire,
a) <formulaire méthode = "post" ...>
Une fenêtre rapide apparaîtra
b) <formulaire méthode = "get" ...>
Ne apparaîtra pas
2. Comment actualiser la page en javascript:
window.location.reload ();
Utilisez la fenêtre fenêtre contextuelle pour rafraîchir la fenêtre parent
window.opener.location.reload ()
Mode fenêtre contextuelle à l'aide de la fenêtre.showdialogique
window.dialogarguments.location.reload ();
3. Javascript Popup Window Code:
Window.Open () Méthode:
window.open () prend en charge l'environnement: javascript1.0 + / jscript1.0 + / nav2 + / ie3 + / opera3 +
Syntaxe de base:
window.open (pageurl, nom, paramètres)
dans:
Pageurl est le chemin de la fenêtre enfant
Le nom est la poignée de la fenêtre enfant
Les paramètres sont des paramètres de fenêtre (chaque paramètre est séparé par des virgules)
Exemple:
<cript> <! - 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') // écrire en une ligne -> </ script>Une fois le script exécuté, Page.html sera ouvert dans le nouveau formulaire Newwindow, avec une largeur de 100, une hauteur de 400, 0 pixels du haut de l'écran, 0 pixels de la gauche de l'écran, pas de barre d'outils, pas de barre de menu, pas de barre de défilement, pas de résumé, pas de barre d'adresse et pas de barre d'état.
Veuillez comparer.
Les exemples ci-dessus sont plusieurs paramètres couramment utilisés, et il existe de nombreux autres paramètres en plus de cela, veuillez voir 4.
Divers paramètres
Parmi eux, oui / non peut également être utilisé 1/0; La valeur des pixels est la valeur spécifique, l'unité Pixel.
Paramètres | Plage de valeurs | Description
| |
Toujours falsifié | Oui / Non | Les fenêtres spécifiées sont cachées derrière toutes les fenêtres
Toujours raillé | Oui / Non | Spécifiez les fenêtres suspendues sur toutes les fenêtres
dépendait | Oui / Non | S'il faut fermer la fenêtre parent en même temps
Répertoires | Oui / Non | Les colonnes de répertoire de NAV2 et 3 sont-elles visibles
Hauteur | Valeur de pixels | hauteur de fenêtre
HOTKEYYS | Oui / Non | Définissez la cure de putain de sortie sûre dans la fenêtre sans barre de menu
Interheight | Valeur de pixels | Pixel Hauteur du document dans la fenêtre
Innerwidth | Valeur de pixels | Pixel Largeur du document dans la fenêtre
Emplacement | Oui / Non | La barre d'emplacement est-elle visible
Menubar | Oui / Non | La barre de menu est-elle visible
OUTERHEIGHT | Valeur de pixels | Réglez la hauteur de pixels de la fenêtre (y compris les bordures décoratives)
largeur extérieure | Valeur de pixels | Réglez la largeur des pixels de la fenêtre (y compris les bordures décoratives)
Residable | Oui / Non | La taille de la fenêtre est-elle résidante
ScreenX | Valeur de pixels | La longueur de pixel de la fenêtre vers le bord gauche de l'écran
Screeny | Valeur de pixels | La longueur de pixel de la fenêtre à la limite supérieure de l'écran
Crèche | Oui / Non | Y a-t-il une barre de défilement disponible dans la fenêtre
TitreBar | Oui / Non | La colonne de titre de fenêtre est-elle visible
barre d'outils | Oui / Non | La barre d'outils de la fenêtre est-elle visible
Largeur | Valeur de pixels | Pixel Largeur de la fenêtre
Z-Look | Oui / Non | Si la fenêtre flotte sur d'autres fenêtres après son activation
fonction showDialog (url) {var iWidth = 300; // Largeur de la fenêtre var iheight = 200; // hauteur de fenêtre var itop = (window.screen.height-iheight) / 2; var ileft = (window.screen.width-iwidth) / 2; window.open (URL, "Détail", "Scrollbars = non, barre d'outils = non, emplacement = non, direction = no, resizable = no, width =" + iwidth + ", height =" + iheight + ", top =" + itop + ", left =" + ileft); }Window.showmodaldialog:
Introduction de base:
ShowModaldialog () (IE 4+ Support)
ShowModelessDialog () (IE 5+ Support)
La méthode Window.showmodaldialog () est utilisée pour créer une boîte de dialogue modale qui affiche le contenu HTML.
La méthode Window.showModelessDialog () est utilisée pour créer une boîte de dialogue non modale qui affiche le contenu HTML.
Comment utiliser:
vreTurnValue = window.showmodaldialog (Surl [, varguments] [, sfeatures]) vreturnvalue = window.showmodelessdialog (Surl [, varguments] [, sfeatures]))
Description du paramètre:
Surl--
Paramètre requis, type: chaîne. Utilisé pour spécifier l'URL du document à afficher dans la boîte de dialogue.
varguments--
Paramètre facultatif, type: variante. Utilisé pour transmettre des paramètres à la boîte de dialogue. Les types de paramètres passés ne sont pas limités, y compris les tableaux, etc. La boîte de dialogue utilise la fenêtre.Dialogarguments pour obtenir les paramètres passés.
sfeatures--
Paramètre facultatif, type: chaîne. Les informations utilisées pour décrire l'apparence d'une boîte de dialogue, telles que les informations suivantes, peuvent être séparées par un point-virgule ";".
1.DialogHeight: La hauteur de la boîte de dialogue n'est pas inférieure à 100px. Les unités par défaut de DialogHeight et DialogWidth dans IE4 sont EM et PX dans IE5. Par souci de commodité, lors de la définition de la boîte de dialogue dans la méthode modale, PX est utilisé comme unité.
2.DialogWidth: Boîte de dialogue Largeur.
3.Dialogleft: la distance entre la gauche de l'écran.
4.Dialogtop: la distance de l'écran.
5.Center: {Oui | Non | 1 | 0}: si la fenêtre est centrée, par défaut, mais vous pouvez toujours spécifier la hauteur et la largeur.
6. help: {Oui | Non | 1 | 0}: s'il faut afficher le bouton d'aide, la valeur par défaut est oui.
7. Résisenable: {Oui | Non | 1 | 0} [ie5 +]: si la taille peut être modifiée. Par défaut non.
8.status: {Oui | Non | 1 | 0} [IE5 +]: s'il faut afficher la barre d'état. Par défaut est oui [sans mode] ou non [modal].
9.Scroll: {Oui | Non | 1 | 0 | sur | OFF}: indique si la boîte de dialogue affiche des barres de défilement. La valeur par défaut est oui.
Les attributs suivants sont utilisés dans HTA et ne sont généralement pas utilisés dans les pages Web générales.
10.DialogHide: {Oui | Non | 1 | 0 | sur | OFF}: si la boîte de dialogue est masquée lors de l'impression ou de l'impression de prévisualisation. La valeur par défaut est non.
11.Edge: {enfoncés | surélevé}: spécifiez le style de bordure de la boîte de dialogue. La valeur par défaut est augmentée.
12.Unadorned: {Oui | Non | 1 | 0 | sur | OFF}: la valeur par défaut est non.
Passage des paramètres:
(1). Si vous souhaitez passer des paramètres dans la boîte de dialogue, il est passé par Varguments. Il n'y a aucune restriction sur le type, pour les types de chaînes, le maximum est de 4096 caractères. Les objets peuvent également être passés, par exemple:
-------------------------------
Page Parent.htm:
<cript> var obj = new object (); obj.name = "jb51"; window.showmodaldialog ("modal.htm", obj, "dialogwidth = 200px; dialogheight = 100px"); </cript>Page modal.htm:
<script> var obj = window.dialogargumentsAlet ("Le paramètre que vous passez est:" + obj.name) </cript>(2) Vous pouvez retourner des informations à la fenêtre où la boîte de dialogue est ouverte via Window.Returnvalue, et bien sûr, il peut également être un objet. Par exemple:
Parent.htm Code de page:
<cript> str = window.showmodaldialog ("modal.htm" ,, "DialogWidth = 200px; dialogHeight = 100px"); alert (str); </script> modal.htm <cript> window.returnvalue = "http://www.jb51.com"; </cript>exemple:
fonction showDialog (url) {var iWidth = 300; // Largeur de la fenêtre var iheight = 200; // hauteur de fenêtre var itop = (window.screen.height-iheight) / 2; var ileft = (window.screen.width-iwidth) / 2; window.showmodaldialog (url, fenêtre, "DialogHeight:" + iheight + "px; dialogwidth:" + iwidth + "px; dialogtop:" + itop + "; dialogleft:" + ileft + "; résidable: non; statut: non; scroll: non"); }Notez le deuxième paramètre ici, fenêtre
4. Le problème de ne pas rafraîchir les données de la fenêtre du mode (cache)
Ajouter la déclaration suivante à la page JSP
<% Response.sethEader ("Pragma", "No-Cache"); Response.sethEader ("Cache-Control", "No-cache"); réponse.setDateHeader ("expire", 0);%>5. Dans la fenêtre du mode, le lien apparaît d'un nouveau problème de fenêtre:
◎ _BLANK, ouvrez le fichier de lien dans la nouvelle fenêtre du navigateur.
◎ _Parent, chargez le fichier lié dans le jeu de trame parent ou la fenêtre parent contenant la trame de liaison. Si le cadre contenant le lien n'est pas imbriqué, le fichier lié est chargé dans la fenêtre pleine écran du navigateur, tout comme le paramètre _self.
◎ _self, ouvrez le document lié dans le même cadre ou fenêtre. Ce paramètre est la valeur par défaut et n'est généralement pas spécifié.
◎ _TOP, ouvre le document lié dans toute la fenêtre actuelle du navigateur, supprimant ainsi toutes les trames.
Ajouter <a href = "a.html" cible = "_ blanc" /> entre </-head> et <body>
6. Comment fermer la page en silence:
fonction closewin () {var ua = navigator.UserAgent; var ie = navigator.appname == "Microsoft Internet Explorer"? true: false; if (ie) {var ieversion = parsefloat (ua.substring (ua.indexof ("msie") + 5, ua.indexof (";;", ua.indexof ("msie"))))); if (ieversion <5.5) {var str = ''; document.body.insertadjacenthtml ("beForend", str); document.all.notipclose.click (); } else {window.opener = null; window.close (); }} else {window.close ()}}Les lecteurs intéressés peuvent déboguer les méthodes ci-dessus, ce qui, je crois, apportera une inspiration et une aide à tout le monde.