Maison > interface Web > js tutoriel > le corps du texte

Comment ouvrir des hyperliens dans de nouvelles fenêtres/onglets à l'aide de JavaScript ?

Mary-Kate Olsen
Libérer: 2024-10-21 21:22:03
original
261 Les gens l'ont consulté

How to Open Hyperlinks in New Windows/Tabs Using JavaScript?

Ouverture de liens dans de nouvelles fenêtres/onglets avec JavaScript

Lorsque vous travaillez avec des fichiers JavaScript tiers, vous pouvez rencontrer des liens qui redirigent vers la cible pages et remplacer la page actuelle. Pour résoudre ce problème et ouvrir la page cible dans un nouvel onglet, pensez à utiliser la méthode window.open().

Dans votre code, vous avez actuellement :

if (command == 'lightbox') {
 location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}
Copier après la connexion

Ce code redirige la page actuelle vers l'URL cible lorsque la commande est égale à « lightbox ». Pour ouvrir la page cible dans un nouvel onglet, remplacez l'affectation location.href par window.open() :

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Parameter that specifies opening in a new window
  );
}
Copier après la connexion

Le paramètre '_blank' dans window.open() s'ouvre le lien cible dans une nouvelle fenêtre ou un nouvel onglet, en fonction des paramètres du navigateur de l'utilisateur. Cela vous permet de créer de nouveaux onglets tout en préservant le contenu original.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal