Parlons de plusieurs méthodes pour fermer des fenêtres à l'aide de JavaScript

PHPz
Libérer: 2023-04-19 14:38:01
original
3167 Les gens l'ont consulté

JavaScript est un langage de programmation largement utilisé dans le développement Web, qui peut réaliser divers effets interactifs et fonctions pratiques. L'une des fonctions de base consiste à fermer la fenêtre, ce qui peut aider les utilisateurs à quitter facilement la page ou l'application en cours. Dans cet article, nous présenterons plusieurs façons de fermer une fenêtre à l'aide de JavaScript.

  1. Utilisation de window.close()

Le moyen le plus simple est d'utiliser la fonction window.close(). Cette fonction ne nécessite aucun paramètre, exécutez-la simplement pour fermer la fenêtre actuelle. Par exemple, le code suivant peut fermer la fenêtre actuelle lorsque l'on clique sur le bouton :

<button onclick="window.close()">关闭窗口</button>
Copier après la connexion

Il est à noter que cette méthode ne peut fermer que la fenêtre créée par JavaScript, pas la fenêtre principale du navigateur ou une nouvelle fenêtre ouverte par l'utilisateur. De plus, si la fenêtre actuelle est ouverte par un autre site Web, la fermeture de la fenêtre à l'aide de window.close() peut faire apparaître une boîte d'avertissement dans le navigateur demandant à l'utilisateur s'il autorise la fermeture de la fenêtre.

  1. Utilisez window.opener.close()

Une autre façon de fermer la fenêtre actuelle consiste à utiliser la fonction window.opener.close(). Cette fonction peut être exécutée sur la fenêtre parent de la fenêtre courante, fermant ainsi la fenêtre courante. Par exemple, le code suivant peut fermer la fenêtre parent de la fenêtre actuelle lorsque l'on clique sur le bouton :

<button onclick="window.opener.close()">关闭窗口</button>
Copier après la connexion

Il est à noter que lors de l'utilisation de window.opener.close() pour fermer la fenêtre, la fenêtre parent doit être ouverte par JavaScript. Si la fenêtre parent a été ouverte manuellement par l'utilisateur, la fermeture de la fenêtre à l'aide de cette méthode n'aura aucun effet.

  1. Utilisez window.parent.close()

Semblable à window.opener.close(), la fonction window.parent.close() peut être exécutée sur la fenêtre parent de la fenêtre actuelle, fermant ainsi la fenêtre actuelle . La différence est que window.parent.close() peut fermer n'importe quelle fenêtre parent, qu'elle soit créée par JavaScript ou ouverte par l'utilisateur. Par exemple, le code suivant peut fermer toutes les fenêtres parents lorsque le bouton est cliqué :

<button onclick="window.parent.close()">关闭窗口</button>
Copier après la connexion

Il est à noter que lors de la fermeture d'une fenêtre à l'aide de window.parent.close(), une boîte d'avertissement contextuelle peut apparaître, demandant à l'utilisateur s'il faut autoriser la fermeture de la fenêtre. De plus, cette méthode ne peut fermer que la fenêtre, pas l’intégralité du navigateur.

  1. Utilisez window.open() pour ouvrir une page vierge

Une autre façon de fermer la fenêtre actuelle consiste à utiliser la fonction window.open() pour ouvrir une page vierge, puis fermer la fenêtre actuelle. Par exemple, le code suivant peut ouvrir une page vierge lorsqu'on clique sur un bouton, puis fermer la fenêtre actuelle :

<button onclick="window.open(&#39;about:blank&#39;,&#39;_self&#39;).close()">关闭窗口</button>
Copier après la connexion

Il est à noter que lors de l'utilisation de window.open() pour ouvrir une page vierge, le premier paramètre doit être 'about: blank', et le deuxième paramètre doit être '_self', afin qu'une nouvelle page puisse s'ouvrir correctement dans la fenêtre actuelle. De plus, lors de la fermeture de la fenêtre, une boîte d'avertissement contextuelle peut apparaître, demandant à l'utilisateur s'il autorise la fermeture de la fenêtre.

Résumé

Utiliser JavaScript pour fermer une fenêtre est une fonction très pratique qui peut aider les utilisateurs à quitter facilement une page ou une application. Cet article explique plusieurs façons de fermer une fenêtre, notamment l'ouverture d'une page vierge à l'aide de window.close(), window.opener.close(), window.parent.close() et window.open(). Il convient de noter que ces méthodes présentent certaines limites et ne peuvent répondre aux besoins de fermeture des fenêtres dans toutes les situations. Par conséquent, dans les applications pratiques, la méthode appropriée doit être sélectionnée en fonction de la situation spécifique.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!