Comment ouvrir URL dans un nouvel onglet à l'aide de JavaScript?

Ceci est très courant pour parcourir les utilisateurs d'une page à une autre lorsque vous développez une application Web. Normalement, lorsque vous utilisez HTML, la balise d'ancrage est utilisée pour ajouter des liens pour naviguer vers d'autres pages. Par défaut, le navigateur ne vous permet pas de passer à la nouvelle onglet lorsque vous cliquez sur un lien. Nous devons donc définir l'attribut sur le lien qui dirigera l'instruction vers le navigateur dont il a besoin pour ouvrir ce lien vers un nouvel onglet.

Pendant que nous travaillons en HTML, nous pouvons mettre la valeur «_blank» à l'attribut cible et le lien URL sera ouvert dans un nouvel onglet. Mais comment réaliser ce travail lorsque vous utilisez JavaScript. Nous parlerons de la façon d'ouvrir une URL dans un nouvel onglet utilisant JavaScript dans cet article.

URL d'ouverture dans un nouvel onglet à l'aide de HTML

Un hyperlien vers une autre page est créé avec l'élément d'ancrage dans HTML. Nous utilisons la propriété HREF pour donner à l'URL de la page que nous voulons que l'utilisateur invite et la valeur «_blank» à l'attribut cible de la balise pour ouvrir le lien dans un nouvel onglet.

Une méthode traditionnelle pour faire ce travail est la suivante:

Site Web de Linuxhint

Maintenant, si vous cliquez sur le lien «Site Web LinuxHint», le «Linuxhint.com ”s'ouvrira dans le nouvel onglet.

C'était une façon traditionnelle d'ouvrir un lien dans un nouvel onglet.

Maintenant, nous allons voir comment nous pouvons y parvenir en utilisant JavaScript

URL d'ouverture dans un nouvel onglet à l'aide de JavaScript

Pour ouvrir une URL dans un nouvel onglet en utilisant JavaScript, le fenêtre.ouvrir() la méthode peut être utilisée.

La technique est assez simple. Nous devons juste transmettre deux arguments au fenêtre.ouvrir() méthode. L'un est l'URL de la page Web. Le deuxième argument est le même que l'attribut cible dans la balise d'ancrage dans laquelle nous spécifions où nous voulons ouvrir l'URL E.g. "_blanc".

fenêtre.Open ("URL", "_blank");

Pensons à un exemple, dans lequel nous voulons ouvrir le «Linuxhint.Site Web com ”dans un nouvel onglet en cliquant sur le bouton.

Site Web de Linuxhint

Après avoir créé un bouton dans HTML, nous avons appelé une fonction nommée "nouvel onglet()".

Définissons-le dans notre code javascript où nous utiliserons le fenêtre.ouvrir() méthode et lui fournir l'URL du «Linuxhint.com » site Web et "_blanc" Valeur pour ouvrir le site Web dans un nouvel onglet.

Js

const newtab = () =>
fenêtre.Open ("https: // linuxhint.com "," _blank ");

Exécutons le code et voyons les résultats.

Lorsque nous cliquez sur le bouton «cliquez», il ouvre le «Linuxhint.com » Dans un nouvel onglet de navigateur.

Méthodes supplémentaires

Voici quelques propriétés supplémentaires que vous pouvez attacher lors de l'ouverture d'une URL:

• _blanc: L'URL est ouverte dans un nouvel onglet.
• _parent: Le cadre parent est chargé de l'URL.
• _soi: La page actuelle est remplacée lorsque cette propriété est appelée
• _haut: Tous les ensembles de cadres chargés sont remplacés par le nom de l'URL - le nom de la veuve.

Conclusion

Pour ouvrir l'URL dans le nouvel onglet, vous devez mettre le _blanc valeur pour le cible Attribut de la balise d'ancrage dans le HTML. Vous pouvez également sélectionner la balise d'ancrage à l'aide d'un sélecteur JavaScript et ajouter le cible attribuer _blanc valeur. Dans cet article, nous avons vu comment nous pouvons utiliser le fenêtre.ouvrir() propriété au sur clic Événement du bouton pour ouvrir l'URL dans le nouvel onglet par programme via JavaScript.