Maison  >  Article  >  interface Web  >  Comment ouvrir des URL dans de nouvelles fenêtres/onglets avec JavaScript ?

Comment ouvrir des URL dans de nouvelles fenêtres/onglets avec JavaScript ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-21 21:23:30793parcourir

How to Open URLs in New Windows/Tabs with JavaScript?

Ouverture d'URL dans de nouvelles fenêtres/onglets à l'aide de JavaScript

En JavaScript, la propriété location.href vous permet de modifier l'URL du fichier actuel. page. Cependant, lorsqu'il est utilisé directement, il remplace la page actuelle par l'URL cible. Pour ouvrir l'URL cible dans une nouvelle fenêtre ou un nouvel onglet, vous devez utiliser la méthode window.open().

Exemple

Considérez le fragment de code JavaScript suivant :

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

Pour ouvrir l'URL cible dans un nouvel onglet, modifiez le code comme suit :

if (command == 'lightbox') {
  window.open(
    'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
    '_blank' // Makes the page open in a new window tab.
  );
}

Dans ce code modifié, nous invoquons la méthode window.open() avec deux paramètres :

  • Le premier paramètre ('https://support.wwf.org.uk/earth_hour/index.php?type=individual') spécifie l'URL à ouvrir.
  • Le deuxième paramètre ("_blank") indique que l'URL doit être ouverte dans un nouvel onglet de fenêtre.

Remarque : La valeur cible '_blank' peut également être utilisée pour ouvrir l'URL dans une nouvelle fenêtre. Cependant, différents navigateurs peuvent avoir des comportements différents lors de l'utilisation de « _blank » pour des cibles basées sur des fenêtres. Par conséquent, il est généralement recommandé d'utiliser « _blank » pour les cibles basées sur des onglets et un nom de fenêtre spécifique pour les cibles basées sur des fenêtres.

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