Définit un bouton de commande que l'utilisateur peut appeler
Définition et utilisation de la méthode open()
JavaScript cours tutorialLa 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 1 L'exemple suivant ouvre apprendre-créer-sites.com dans une nouvelle fenêtre du navigateur :
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
Ouvrir une page vide dans une nouvelle fenêtre de navigateur :
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
Ouvrir une nouvelle fenêtre et contrôler son apparence
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>
Ouvrir plusieurs fenêtres en un seul clic
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