Exemple
Ouvrir "www.w3ii.com" dans une nouvelle fenêtre du navigateur:
window.open("http://www.w3ii.com"); Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L' open() méthode ouvre une nouvelle fenêtre du navigateur.
Conseil: Utiliser le close() méthode pour fermer la fenêtre.
Support du navigateur
| méthode | |||||
|---|---|---|---|---|---|
| open() | Oui | Oui | Oui | Oui | Oui |
Syntaxe
window.open( Les valeurs des paramètres Paramètre La description URL Optionnel. Indique l'URL de la page pour ouvrir. Si aucune URL est spécifiée, une nouvelle fenêtre avec sur: est ouvert en blanc name Optionnel. Indique l' target attribut ou le nom de la fenêtre. Les valeurs suivantes sont prises en charge: - _blank - URL est chargée dans une nouvelle fenêtre. Ce défaut est
- _parent - URL est chargée dans le cadre parent
- _self - URL remplace la page en cours
- _top - URL remplace toutes les framesets qui peuvent être chargés
- name - Le nom de la fenêtre (Remarque: le nom ne précise pas le titre de la nouvelle fenêtre)
specs Optionnel. Une liste séparée par des virgules des éléments, aucun des espaces. Les valeurs suivantes sont prises en charge:
channelmode=yes|no|1|0 Que ce soit ou non pour afficher la fenêtre en mode théâtre. Par défaut est non. IE uniquement directories=yes|no|1|0 Obsolète. Que ce soit ou non d'ajouter des boutons d'annuaire. Par défaut est oui. IE uniquement fullscreen=yes|no|1|0 Que ce soit ou non pour afficher le navigateur en mode plein écran. Par défaut est non. Une fenêtre en mode plein écran doit aussi être en mode théâtre. IE uniquement height=pixels La hauteur de la fenêtre. Min. La valeur est de 100 left=pixels La position gauche de la fenêtre. Les valeurs négatives ne peuvent pas location=yes|no|1|0 Que ce soit ou non pour afficher le champ d'adresse. Opera uniquement menubar=yes|no|1|0 Que ce soit ou non pour afficher la barre de menu resizable=yes|no|1|0 Si oui ou non la fenêtre est redimensionnable. IE uniquement scrollbars=yes|no|1|0 Que ce soit ou non pour afficher les barres de défilement. IE, Firefox et Opera uniquement status=yes|no|1|0 Que ce soit ou non pour ajouter une barre d'état titlebar=yes|no|1|0 Que ce soit ou non pour afficher la barre de titre. Ignoré à moins que la demande d'appel est une application HTML ou une boîte de dialogue de confiance toolbar=yes|no|1|0 Que ce soit ou non pour afficher la barre d'outils du navigateur. IE et Firefox uniquement top=pixels La position supérieure de la fenêtre. Les valeurs négatives ne peuvent pas width=pixels La largeur de la fenêtre. Min. La valeur est de 100
remplacer Optionnel. Indique si l'URL crée une nouvelle entrée ou remplace l'entrée actuelle dans la liste historique. Les valeurs suivantes sont prises en charge: - true - URL remplace le document en cours dans la liste historique
- faux - URL crée une nouvelle entrée dans la liste historique
Détails techniques
Valeur de retour: Une référence à la fenêtre nouvellement créée, ou null si l'appel a échoué
autres exemples
Exemple
Ouvrez une sur: page blanche dans une nouvelle fenêtre:
var myWindow = window.open("", "", "width=200,height=100"); Essayez vous - même »
Exemple
Ouvrez une nouvelle fenêtre appelée "MsgWindow" , et d' écrire un texte en elle:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); Essayez vous - même »
Exemple
Remplacer la fenêtre en cours avec une nouvelle fenêtre:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); Essayez vous - même »
Exemple
Ouvrez une nouvelle fenêtre et contrôler son apparence:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); Essayez vous - même »
Exemple
Ouvrez les fenêtres multiples:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); Essayez vous - même »
Exemple
Ouvrez une nouvelle fenêtre. Utilisez close() pour fermer la nouvelle fenêtre:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} Essayez vous - même »
Exemple
Ouvrez une nouvelle fenêtre. Utilisez la propriété du nom pour renvoyer le nom de la nouvelle fenêtre:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); Essayez vous - même »
Exemple
En utilisant la propriété d'ouverture pour retourner une référence à la fenêtre qui a créé la nouvelle fenêtre:
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window Essayez vous - même »
<Object Window