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

Comment ouvrir une URL dans une nouvelle fenêtre avec JavaScript : un guide complet

Linda Hamilton
Libérer: 2024-11-04 02:54:02
original
749 Les gens l'ont consulté

How to Open a URL in a New Window with JavaScript: A Comprehensive Guide

Ouvrir l'URL dans une nouvelle fenêtre avec JavaScript : une solution complète

Créer un bouton de partage qui lance l'URL de la page actuelle dans une nouvelle fenêtre nécessite syntaxe JavaScript précise. Pour y parvenir, nous nous tournons vers la méthode polyvalente window.open().

L'extrait de code suivant offre une solution complète, intégrant à la fois la substitution d'URL souhaitée et les spécifications de taille de fenêtre :

<code class="html"><a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a></code>
Copier après la connexion

Décomposons le code :

  • _blank_ : Ce paramètre précise que la nouvelle fenêtre sera indépendante de la fenêtre actuelle.
  • location= yes : Ce paramètre permet l'affichage d'une barre d'URL dans la nouvelle fenêtre.
  • height=570, width=520 : Ces paramètres définissent la hauteur et la largeur de la nouvelle fenêtre à 570px et 520px, respectivement.
  • scrollbars=yes, status=yes : Ces paramètres permettent à la nouvelle fenêtre d'avoir des barres de défilement et une barre d'état.

Lorsque l'utilisateur clique sur le lien « Partager la page », ce code JavaScript s'exécute, ouvrant l'URL actuelle dans une nouvelle fenêtre avec les dimensions spécifiées et d'autres fonctionnalités. En combinant window.open() avec des attributs de fenêtre personnalisés, vous pouvez ouvrir de manière transparente des URL spécifiques dans des fenêtres séparées, répondant à vos besoins précis.

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.cn
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