logo oujood
🔍

Window la méthode open() : comment ouvrir une fenêtre ?

.....

OUJOOD.COM

Définition et utilisation de la méthode open()

JavaScript cours tutorial

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 :

channelmode=yes|no|1|0 S'il faut afficher la fenêtre en mode théâtre. Pas de valeur par défaut . IE uniquement
directories=yes|no|1|0 S'il faut ajouter des boutons de répertoire. Valeur par défaut est yes. IE uniquement
fullscreen=yes|no|1|0 S'il faut afficher le navigateur en mode plein écran. Valeur par défaut est no, Qu'une fenêtre en mode plein écran doit également être en mode théâtre. IE uniquement
height=pixels La hauteur de la fenêtre. Valeur min est 100
left=pixels La position gauche de la fenêtre
location=yes|no|1|0 S'il faut afficher le champ d'adresse
menubar=yes|no|1|0 S'il faut afficher la barre de menu
resizable=yes|no|1|0 Si la fenêtre est redimensionnable
scrollbars=yes|no|1|0 S'il faut afficher les barres de défilement
status=yes|no|1|0 S'il faut ajouter une barre d'État
titlebar=yes|no|1|0 S'il faut afficher la barre de titre. Ignoré sauf si l'application appelante est une Application HTML ou une boîte de dialogue de confiance
toolbar=yes|no|1|0 S'il faut afficher la barre d'outils du navigateur
top=pixels La position supérieure de la fenêtre. IE uniquement
width=pixels La largeur de la fenêtre. Valeur min est 100


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

Internet Explorer Firefox Opera Google Chrome Safari

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>

sommaire

Par carabde 30 mars 2014