Maison > interface Web > js tutoriel > Comment ouvrir des URL dans une nouvelle fenêtre avec des dimensions spécifiques à l'aide de JavaScript ?

Comment ouvrir des URL dans une nouvelle fenêtre avec des dimensions spécifiques à l'aide de JavaScript ?

Patricia Arquette
Libérer: 2024-11-04 04:53:29
original
1087 Les gens l'ont consulté

How to Open URLs in New Windows with Specific Dimensions Using JavaScript?

Ouverture d'URL dans New Windows avec JavaScript

Lors de la création d'un "bouton de partage" pour partager la page actuelle, une étape courante consiste à ouvrir l'URL de la page actuelle dans une nouvelle fenêtre. Bien que l'acquisition de l'URL actuelle puisse être simple, définir les dimensions de la nouvelle fenêtre peut être difficile.

Pour spécifier la taille de la nouvelle fenêtre, la fonction JavaScript window.open() doit être utilisée. La syntaxe de cette fonction est la suivante :

window.open("URL", "Window Name", "Window Features");
Copier après la connexion
  • URL : L'URL de la page à ouvrir.
  • Nom de la fenêtre : le nom de la nouvelle fenêtre (facultatif).
  • Fonctionnalités de la fenêtre : une liste de fonctionnalités de la fenêtre séparées par des virgules, telles que :

    • location : affichez l'URL dans la barre d'adresse.
    • height=570 : définissez la hauteur de la fenêtre.
    • width=520 : définissez la largeur de la fenêtre.

Pour appliquer ces fonctionnalités à un "bouton de partage", le code HTML et JavaScript suivant peut être utilisé :

<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

Ce code crée un lien avec le texte " Partager la page" qui, une fois cliqué, ouvrira l'URL de la page actuelle dans une nouvelle fenêtre d'une hauteur de 570 et d'une largeur de 520, ainsi que d'autres fonctionnalités telles qu'une barre d'emplacement, des barres de défilement et une barre d'état.

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