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

.....

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 :

Sélectionner 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("http://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 :

Sélectionner 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

Sélectionner 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

Sélectionner 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("http://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

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    La pagination avec PHP et MySQL

    Ce tutoriel va vous montrer comment sélectionner des données dans une base de données MySQL, les répartir sur plusieurs pages, pour les afficher page par page à l'aide de numéros de page

    fonction nl_langinfo, nl_langinfo

    Rassemble des informations sur la langue et la configuration locale

    fonction stripos

    Recherche la première occurrence dans une chaîne, sans tenir compte de la casse



    Rentabilisez efficacement votre site