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

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

Barbara Streisand
Libérer: 2024-10-21 21:23:30
original
717 Les gens l'ont consulté

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";
}
Copier après la connexion

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.
  );
}
Copier après la connexion

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!

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!