Définit un bouton de commande que l'utilisateur peut appeler
Comment peut-on ouvrir une nouvelle fenêtre avec la fonction window.open ?. Cette fenêtrepeut contenir ou ne pas contenir une barre d'outils, ou des options de menu.
.....
La méthode open() ouvre une nouvelle fenêtre de navigateur.
Syntaxe
window.open(URL,name,specs,replace)
Paramètre | Description | ||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
URL | Facultatif. Chaîne, qui spécifie l'emplacement de la page Web à afficher dans la nouvelle fenêtre. Si vous ne voulez pas spécifier l'emplacement, passez une chaîne vide dans (ce le cas si vous voulez écrire un contenu généré par un script dans votre nouvelle fenêtre ou lorsque vous voulez afficher une fenêtre vide). | ||||||||||||||||||||||||||||
name |
En option. Spécifie l'attribut cible ou le nom de la fenêtre. Les valeurs suivantes sont prises en charge blank - URL est chargée dans une nouvelle fenêtre. Par défaut _parent - URL est chargé dans la frame parente _self - URL remplace la page en cours _top - URL remplace n'importe quel jeux de cadres qui peut-être être chargés Le nom de la fenêtre |
||||||||||||||||||||||||||||
specs |
En option. Une liste d'éléments séparés par des virgules. Les
valeurs suivantes sont prises en charge :
|
||||||||||||||||||||||||||||
replace |
En option. Spécifie 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 actuel dans la liste historique false - URL crée une nouvelle entrée dans l'historique |
Appui de navigateur
La méthode open() est prise en charge dans tous les principaux navigateurs.
Exemples
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple ouvrir une page web dans une nouvelle fenêtre</title> <script> function ouvre_win () { window.open("https://www.oujood.com"); } </script> </head> <body> <form> <input type="button" value="Ouvrir" onclick="ouvre_win()"> </form> </body> </html>
Exemple 2
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple ouvrir une nouvelle fenêtre</title> </head> <body> <script> maFenetre=window.open('','','width=200,height=100') maFenetre.document.write("<p>ceci est 'maFenetre'</p>") maFenetre.focus() </script> </body> </html>
Autres exemples
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple ouvrir une nouvelle fenêtre</title> <script> function ouvre_win() { window.open("http://www.google.fr","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400"); } </script> </head> <body> <form> <input type="button" value="Ouvrir" onclick="ouvre_win()"> </form> </body> </html>
Exemple : 📋 Copier le code
<!doctype html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Exemple ouvrir deux nouvelles fenêtres</title> <script> function ouvre_win () { window.open("https://www.oujood.com/"); window.open("http://www.google.fr/"); } </script> </head> <body> <form> <input type="button" value="Ouvrir" onclick="ouvre_win()"> </form> </body> </body> </html>Par carabde 30 mars 2014