Utilisez javascript pour contrôler la taille de la fenêtre de la page Web ouverte et comment fermer la fenêtre en HTML

Utilisez javascript pour contrôler la taille de la fenêtre de la page Web ouverte et comment fermer la fenêtre en utilisant HTML

Avec la popularité d'Internet, la conception Web devient de plus en plus importante, et de nombreux sites Web conçoivent des fenêtres contextuelles pour offrir une meilleure expérience utilisateur. JavaScript est une partie très importante de la conception Web. Il peut être utilisé pour contrôler diverses opérations sur la page Web, telles que le contrôle de la taille de la fenêtre, la fermeture de la fenêtre, etc.

Cet article expliquera comment utiliser JavaScript pour contrôler la taille de la fenêtre d'une page Web ouverte et expliquera en détail comment fermer la fenêtre en HTML.

1. Utilisez JavaScript pour contrôler la taille de la fenêtre de la page Web ouverte

L'intégration de JavaScript dans la page Web peut contrôler la taille, la position et l'état de la fenêtre, etc. Ce qui suit est un morceau de code qui utilise JavaScript pour ouvrir une nouvelle fenêtre :

window.open("http://www.example.com","_blank","width=500,height=500");

Le "window.open" dans le code peut ouvrir une nouvelle fenêtre, "http://www.example.com" est l'URL à afficher. ouvert, et "_blank " signifie ouvrir dans une nouvelle fenêtre, et " width=500, height=500 " est la taille de la fenêtre.

De plus, vous pouvez utiliser d'autres paramètres pour contrôler les caractéristiques de la fenêtre, tels que :

• left : la distance entre le côté gauche de la fenêtre et le côté gauche de l'écran
• top : la distance entre le côté gauche de la fenêtre et le côté gauche de l'écran. haut de la fenêtre et haut de l'écran
• toolbar : s'il faut afficher la barre d'outils
• location : s'il faut afficher la barre d'adresse
• menubar : s'il faut afficher la barre de menu
• scrollbars : s'il faut afficher la barre de défilement
• resdimensionnable : s'il est redimensionnable

Par exemple, le code suivant ouvrira une nouvelle fenêtre et la définira Situé au centre de l'écran et masquant la barre d'outils :

window.open("http://www.example.com","_blank","width=500,height=500,left="+((screen.width-500)/2)+",top="+((screen.height-500)/2)+",toolbar=no");

2. Comment fermer la fenêtre en HTML

En plus d'ouvrir la fenêtre, vous devez parfois fermer la fenêtre. HTML fournit la méthode window.close(), qui peut être utilisée pour fermer la fenêtre actuelle. Cependant, cette méthode n'est pas prise en charge par tous les navigateurs et certains navigateurs inviteront l'utilisateur avant de fermer.

Si vous utilisez la méthode window.close() en JavaScript pour fermer la fenêtre, une incompatibilité se produira dans certains navigateurs, il est donc recommandé d'utiliser l'instruction suivante dans la page HTML pour fermer la fenêtre :

<input type="button" value="Close Window" onClick="window.close();">

C'est parce que En HTML, si l'utilisateur clique sur un bouton ou un lien, l'appel direct de la méthode window.close() sera considéré comme un "événement utilisateur" par le navigateur, contournant ainsi les restrictions du navigateur sur window.close() et pourra être fermé en toute sécurité. fenêtre.

Il est à noter que cette méthode n’est efficace que lorsqu’elle est utilisée dans une fenêtre ouverte. Utilisé dans la fenêtre principale du navigateur sera ignoré.

Résumé

JavaScript peut être utilisé pour contrôler diverses opérations sur les pages Web. Cet article explique comment utiliser JavaScript pour contrôler la taille de la fenêtre qui ouvre une page Web et détaille comment fermer la fenêtre en HTML. Après avoir lu cet article, vous devriez savoir comment mieux utiliser JavaScript dans les pages Web pour améliorer l'expérience utilisateur et fournir des services plus intelligents et plus pratiques.

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!