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

Comment ouvrir des liens dans de nouveaux onglets avec JavaScript pour la modification de code tiers ?

Susan Sarandon
Libérer: 2024-10-21 21:24:03
original
781 Les gens l'ont consulté

How to Open Links in New Tabs with JavaScript for Third-Party Code Modification?

Ouverture de liens dans de nouveaux onglets avec JavaScript : une solution

Lorsque vous travaillez avec du code JavaScript tiers, il est courant de rencontrer des liens qui remplacent la page actuelle. Pour ouvrir ces liens dans de nouveaux onglets ou fenêtres, nous pouvons exploiter la méthode window.open().

Dans votre cas spécifique, vous souhaitez modifier le code suivant :

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

Pour ouvrez le lien dans un nouvel onglet, remplacez-le par :

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

La méthode window.open() prend deux paramètres : l'URL de la page à ouvrir et un flag indiquant comment la page doit être ouverte . Dans le code ci-dessus, '_blank' précise que la page doit être ouverte dans une nouvelle fenêtre ou un nouvel onglet.

En utilisant cette approche, vous pouvez modifier le code tiers pour ouvrir le lien souhaité dans un nouvel onglet. , vous permettant de conserver les fonctionnalités fournies par le code tout en améliorant l'expérience utilisateur.

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!