Maison > interface Web > js tutoriel > Comment ouvrir des URL dans un nouvel onglet du navigateur avec JavaScript ?

Comment ouvrir des URL dans un nouvel onglet du navigateur avec JavaScript ?

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

How to Open URLs in a New Browser Tab with JavaScript?

Ouverture d'URL dans de nouveaux onglets de navigateur avec « location.href » de JavaScript : une solution complète

Alors que la propriété « location.href » de JavaScript permet aux développeurs de modifier l'emplacement de la page actuelle, cela présente des limites lorsque les utilisateurs cherchent à ouvrir un nouvel onglet. Pour résoudre ce problème, une approche alternative est nécessaire pour parcourir l'URL souhaitée dans un onglet de navigateur distinct.

La solution consiste à exploiter la fonction « window.open() » de JavaScript. Cette méthode puissante accepte deux paramètres :

  1. 'targetURL' : L'URL qui doit être ouverte dans le nouvel onglet.
  2. 'windowFeatures' : Une chaîne indiquant comment la nouvelle fenêtre doit être ouvert. Pour un nouvel onglet, spécifiez '_blank'.

En remplaçant le code d'origine :

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

par la version améliorée suivante, vous pouvez ouvrir avec succès l'URL cible dans un nouveau Onglet du navigateur :

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

Cet extrait de code amélioré créera un nouvel onglet de navigateur et chargera parfaitement la page Web souhaitée sans écraser le contenu de l'onglet actuel.

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