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

Comment ouvrir l'URL actuelle dans une nouvelle fenêtre avec une taille spécifique à l'aide de JavaScript ?

Patricia Arquette
Libérer: 2024-11-04 09:30:30
original
565 Les gens l'ont consulté

How to Open the Current URL in a New Window with a Specific Size Using JavaScript?

Ouvrir l'URL dans une nouvelle fenêtre avec JavaScript

Lors de la création d'un "bouton de partage" pour partager la page actuelle, il est courant de vouloir ouvrir l'URL actuelle dans une nouvelle fenêtre. Bien que la récupération de l'URL actuelle soit simple, spécifier la taille de la nouvelle fenêtre peut présenter des défis.

Pour résoudre ce problème, envisagez d'utiliser la fonction window.open(), qui offre la possibilité de personnaliser les propriétés de la nouvelle fenêtre. L'extrait de code suivant illustre cette approche :

<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

Dans ce code, l'événement onclick écoute le clic d'un utilisateur et exécute la fonction window.open(). Le premier argument spécifie l'URL à ouvrir et '_blank' indique que l'URL doit s'ouvrir dans une nouvelle fenêtre. Les paramètres suivants contrôlent les propriétés de la nouvelle fenêtre, notamment sa hauteur, sa largeur et si elle affiche l'emplacement, les barres de défilement et les informations d'état.

Cette solution vous permet effectivement de créer un lien qui ouvre l'URL actuelle dans un nouveau fenêtre d'une taille spécifiée de 570 pixels de hauteur et 520 pixels de largeur.

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