Maison  >  Article  >  interface Web  >  Comment contrôler les fonctionnalités de la fenêtre pour les hyperliens Target=\"_blank\" en HTML ?

Comment contrôler les fonctionnalités de la fenêtre pour les hyperliens Target=\"_blank\" en HTML ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-26 04:19:30796parcourir

How to Control Window Features for Target=

Gestion des fonctionnalités de fenêtre en HTML pour Target="_blank"

Les hyperliens avec un attribut cible défini sur "_blank" ouvrent le contenu lié dans un nouvel onglet ou nouvelle fenêtre. Pour personnaliser les dimensions et l'apparence de la nouvelle fenêtre, JavaScript doit être utilisé.

Création d'une nouvelle fenêtre avec des propriétés personnalisées

Le code HTML fourni :

<code class="html"><a href="facebook.com/sharer" target="_blank">Share this</a></code>

Crée un lien hypertexte qui ouvre l'interface de partage de Facebook dans un nouvel onglet. Pour l'ouvrir dans une fenêtre, avec des dimensions spécifiques, utilisez cette approche basée sur JavaScript modifiée :

<code class="html"><a href="http://www.facebook.com/sharer" onclick="window.open(this.href, 'mywin',
'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">Share this</a></code>

Explication :

  • L'attribut onclick se déclenche une fonction JavaScript en cliquant sur le lien.
  • window.open() crée un nouvel objet fenêtre, spécifiant l'URL à ouvrir.
  • Le deuxième paramètre (« mywin ») définit le nom de la fenêtre cible .
  • Le troisième paramètre est une chaîne de propriétés de fenêtre, notamment :

    • gauche et haut spécifient la position initiale de la fenêtre.
    • largeur et la hauteur définit les dimensions de la fenêtre.
    • la barre d'outils et le redimensionnable contrôlent l'apparence et le comportement de la fenêtre.

Ce code modifié ouvrira l'interface de partage de Facebook dans une nouvelle fenêtre, positionné aux coordonnées (20,20) avec des dimensions (500,500). Il comprendra une barre d'outils mais ne sera pas redimensionnable.

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