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
Patricia Arquetteoriginal
2024-11-04 04:53:291087parcourir

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");
  • 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>

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!

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