Comment ouvrir un lien dans une nouvelle fenêtre à l’aide de JavaScript



par

JavaScript offre un moyen utile d'ouvrir un lien dans une nouvelle fenêtre car vous contrôlez l'apparence de la fenêtre et son emplacement sur l'écran en incluant des spécifications.

Degui Adil / EyeEm / Getty Images


Syntaxe de la méthode JavaScript Window Open ()

Pour ouvrir une URL dans une nouvelle fenêtre de navigateur, utilisez la méthode Javascript open () comme indiqué ici:

window.open (URL, nom, spécifications, remplacer)

Paramètre d'URL

Au-delà de l'ouverture d'une fenêtre, vous pouvez également personnaliser chacun des paramètres. Par exemple, le code ci-dessous ouvre une nouvelle fenêtre et spécifie son apparence à l'aide de paramètres.

Entrez l'URL de la page que vous souhaitez ouvrir dans la nouvelle fenêtre. Si vous ne spécifiez pas d'URL, une nouvelle fenêtre vide s'ouvre:

window.open ("https://www.somewebsite.com", "_blank", "toolbar = yes, top = 500, left = 500, width = 400, height = 400");


Paramètre de nom

Le paramètre de nom définit la cible de l'URL. L'ouverture de l'URL dans une nouvelle fenêtre est la valeur par défaut et est indiquée de cette manière:

  • _blank: Ouvre une nouvelle fenêtre pour l'URL.

Les autres options que vous pouvez utiliser incluent:

  • _self: Remplace la page actuelle par l'URL.
  • _parent: Charge l'URL dans le cadre parent.
  • _Haut: Remplace tous les jeux de cadres chargés.

Paramètre de spécifications

Le paramètre specs est l'endroit où vous personnalisez la nouvelle fenêtre en entrant une liste séparée par des virgules sans espaces blancs. Choisissez parmi les valeurs suivantes.

  • hauteur = pixels: Cette spécification définit la hauteur de la nouvelle fenêtre en pixels. La valeur minimale qui peut être saisie est 100.
  • largeur = pixels: Cette spécification définit la largeur de la nouvelle fenêtre en pixels. La valeur minimale est de 100.
  • gauche = pixels: Cette spécification définit la position gauche de la nouvelle fenêtre. Aucune valeur négative ne peut être saisie.
  • haut = pixels: Cette spécification définit la position supérieure de la nouvelle fenêtre. Les valeurs négatives ne peuvent pas être utilisées.
  • barre de menus = oui | non | 1 | 0: Utilisez cette spécification pour indiquer s'il faut afficher la barre de menus. Utilisez des mots oui / non ou une valeur binaire 1/0.
  • état = oui | non | 1 | 0: Ceci indique s'il faut ou non ajouter une barre d'état. Comme pour la barre de menus, vous êtes libre d'utiliser des mots ou des valeurs binaires.

Certaines spécifications sont spécifiques au navigateur:

  • emplacement = oui | non | 1 | 0: Cette spécification indique s'il faut ou non afficher le champ d'adresse. Pour le navigateur Opera uniquement.
  • redimensionnable = oui | non | 1 | 0: Détermine si la fenêtre peut être redimensionnée ou non. À utiliser uniquement avec IE.
  • emplacement = oui | non | 1 | 0: Indique s'il faut ou non afficher les barres de défilement. Compatible avec IE, Firefox et Opera uniquement.
  • barre d'outils = oui | non | 1 | 0: Détermine s'il faut ou non afficher la barre d'outils du navigateur. Compatible avec IE et Firefox uniquement.

Remplacer le paramètre

Ce paramètre facultatif n'a qu'un seul objectif: spécifier si l'URL qui s'ouvre dans la nouvelle fenêtre remplace l'entrée actuelle dans la liste d'historique du navigateur ou apparaît comme une nouvelle entrée.

  • Quand vrai, l'URL remplace l'entrée actuelle du navigateur dans la liste d'historique.
  • Quand faux, l'URL est répertoriée comme une nouvelle entrée dans la liste de l'historique du navigateur.

Laisser un commentaire