Maison  >  Article  >  interface Web  >  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
Susan Sarandonoriginal
2024-10-21 21:20:03690parcourir

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";
}

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'
 );
}

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!

Déclaration:
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