English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Manuel de référence JavaScript

Manuel de référence JS DOM

Méthode Window open()

Objet Window JavaScript

open()Méthode ouvre une nouvelle fenêtre de navigateur et charge le fichier spécifié dedans.

Si une nouvelle fenêtre a été créée pour le document spécifié, vous pouvez ouvrir une nouvelle fenêtre de navigateur via la méthodefeaturesles paramètres pour modifier son apparence et son comportement.

Utilisezclose()Méthode ferme la fenêtre.

Syntaxe :

window.open(url, name, features, replace)
window.open("https://fr.oldtoolbag.com");
Vérifiez et voyez‹/›

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement la méthode open() :

Méthode
open()OuiOuiOuiOuiOui

Valeur du paramètre

ParamètresDescription
url(Optionnel) URL du site web à ouvrir. Si l'URL n'est pas définie, la méthode window.open() ouvrira une fenêtre blanche
name(Optionnel) Spécifiez le nom de la fenêtre ou les attributs cibles.
Valeurs possibles :

  • _blank -URL a été chargée dans une nouvelle fenêtre (par défaut)

  • _parent -URL a été chargée dans le cadre parent

  • _self -URL remplace la page courante

  • _top -URL remplace tous les ensembles de frames qui peuvent être chargés

  • name -Nom de la fenêtre

features(Optionnel) Liste des éléments séparés par des virgules, sans espace.
Valeurs possibles :
channelmode = yes|no| 1 | 0 Est-ce que la fenêtre est affichée en mode cinéma. Par défaut, non. Seulement IE
directories=yes|no|1|0 　Obsolète Est-ce que le bouton de répertoire est ajouté. Par défaut, oui. Seulement IE
fullscreen=yes|no|1|0 Est-ce que le navigateur est affiché en mode plein écran. Par défaut, non. En mode plein écran, la fenêtre doit également être en mode cinéma. Seulement IE
height=pixels Hauteur de la fenêtre. La valeur minimale est100
left=pixels Position de gauche de la fenêtre. Les valeurs négatives ne sont pas autorisées
location=yes|no|1|0 Est-ce que l'adresse est affichée. Seulement pour Opera
menubar=yes|no|1|0 　Affiche la barre de menu
resizable=yes|no|1|0 　La fenêtre peut être redimensionnée. Seulement pour IE
scrollbars=yes|no|1|0 　Affiche la barre de défilement. Seulement pour IE, Firefox et Opera
status=yes|no|1|0 　Ajoute la barre d'état
titlebar=yes|no|1|0 　Affiche la barre de titre. Sauf si l'application appelée est une application HTML ou un dialogue de confiance, elle sera ignorée
toolbar=yes|no|1|0 　Affiche la barre d'outils du navigateur. Seulement pour IE et Firefox
top=pixels 　emplacement supérieur de la fenêtre. Les valeurs négatives ne sont pas autorisées
width=pixels 　largeur de la fenêtre. La valeur minimale est100
replace(optionnel) Spécifiez l'URL pour créer une nouvelle entrée ou remplacer le document actuel dans la liste d'historique.
Valeurs possibles :

  • true-L'URL remplace le document actuel dans la liste d'historique

  • false-L'URL crée une nouvelle entrée dans la liste d'historique

Détails techniques

Valeur de retour :représente l'objet Window du nouveau fenêtre créé. Si la fenêtre ne peut pas être ouverte, la valeur retournée est null.

Plus d'exemples

Ouvrir une page blanche dans la nouvelle fenêtre :

window.open("", "", "width=400, height=300");
Vérifiez et voyez‹/›

Ouvrir une nouvelle fenêtre. Utiliser l'attribut name pour retourner le nom de la nouvelle fenêtre :

var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>This window&39;s name is: "　+　win.name　+　"</p>");
Vérifiez et voyez‹/›

Ouvrir " parrot-tutorial.com" :

window.open("https://fr.oldtoolbag.com", "", "width=400, height=300");
Vérifiez et voyez‹/›

Ouvrir " parrot-tutorial.com" :

window.open("https://fr.oldtoolbag.com", "", "left=500, top=200");
Vérifiez et voyez‹/›

Ouvrir une nouvelle fenêtre et spécifier son apparence :

window.open("https://fr.oldtoolbag.com", _blank",　
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");
Vérifiez et voyez‹/›

Ouvrir une nouvelle fenêtre et fermer la nouvelle fenêtre en utilisant la méthode close() :

var popupWindow;
//fonction d'ouverture de nouvelle fenêtre
function windowOpen() {
　　popupWindow = window.open("https://fr.oldtoolbag.com", _blank");
}
//　Fonction pour fermer la fenêtre ouverte
function windowClose() {
　　if (popupWindow) {
　popupWindow.close();
　　}
}
Vérifiez et voyez‹/›

Utilisez la propriété opener pour retourner une référence à la fenêtre créée pour la nouvelle fenêtre :

//　Ouvrir une nouvelle fenêtre
var win = window.open("", "popupWindow", "width=300, height=200");
//Écrire du contenu dans une nouvelle fenêtre
win.document.write("<p>Le nom de cette fenêtre est: "　+　win.name　+　"</p>");
//　Écrire du texte dans la fenêtre créée pour une nouvelle fenêtre
win.opener.document.write("<h1>C'est la fenêtre source !</h1)";
Vérifiez et voyez‹/›

Références associées

Référence fenêtre (Window) :Méthode close()

Référence fenêtre (Window) :Propriété closed

Référence fenêtre (Window) :Propriété opener

Objet Window JavaScript

Objet Storage JSObjet Window JavaScript