Maison > interface Web > Questions et réponses frontales > Comment fermer l'événement de fenêtre en cours en javascript

Comment fermer l'événement de fenêtre en cours en javascript

PHPz
Libérer: 2023-04-21 09:42:28
original
3268 Les gens l'ont consulté

JavaScript est un langage de script couramment utilisé pour écrire des effets interactifs frontaux sur des pages Web. Ses puissantes performances de fonctionnement sont souvent largement utilisées dans le développement Web. Dans de nombreux cas, nous devons implémenter certaines fonctions spéciales via JavaScript pour améliorer l'expérience utilisateur. Parmi elles, la fermeture de l'événement de fenêtre en cours est une fonction fréquemment utilisée.

En JavaScript, il existe deux façons de fermer l'événement de fenêtre en cours, qui sont déclenchées via des liens et via du code. Ci-dessous, nous présenterons en détail ces deux méthodes et leur mise en œuvre.

Méthode 1 : Déclenchez l'événement de fermeture de la fenêtre actuelle via un lien

Il est relativement simple de fermer l'événement de fenêtre actuelle via un lien. Il vous suffit d'utiliser du code JavaScript dans le lien hypertexte. L'exemple de code est le suivant :

<a href="javascript:window.close();">关闭当前窗口</a>
Copier après la connexion

Explication du code : utilisez le code JavaScript "window.close();" dans le lien hypertexte pour fermer la fenêtre actuelle. "javascript:" indique qu'il s'agit d'un code JavaScript.

Il est à noter que cette méthode ne peut fermer que la fenêtre ouverte par la méthode window.open. Les fenêtres ouvertes à l'aide de window.location.href ne peuvent pas être fermées à l'aide de cette méthode.

Méthode 2 : Déclencher l'événement de fermeture de la fenêtre actuelle via le code

Pour déclencher l'événement de fermeture de la fenêtre actuelle via le code, vous devez utiliser la méthode close de l'objet window. Grâce à cette méthode, l'effet de fermeture de la fenêtre actuelle peut être obtenu en JavaScript. L'exemple de code est le suivant :

window.close();
Copier après la connexion

Explication du code : utilisez la méthode close de l'objet window pour fermer la fenêtre actuelle.

Il est à noter que cette méthode ne peut fermer que la fenêtre où se trouve le script en cours. Pour les nouvelles fenêtres ouvertes via JavaScript, vous devez utiliser cette méthode dans la fenêtre pour la fermer.

En plus d'appeler directement la méthode window.close, vous pouvez également utiliser le mécanisme d'événement pour fermer la fenêtre actuelle. Par exemple, lorsqu'un bouton est cliqué, l'événement onclick peut être utilisé pour déclencher cette méthode. L'exemple de code est le suivant :

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

Explication du code : appelez la méthode window.close dans l'événement onclick du bouton pour fermer la fenêtre actuelle.

Il convient de noter que si la méthode window.close est utilisée, le navigateur affichera une boîte de dialogue pour demander à l'utilisateur s'il doit fermer la fenêtre actuelle. Il s'agit d'un mécanisme obligatoire mis en place pour éviter toute mauvaise utilisation. Actuellement, il n'existe aucun moyen fiable de désactiver cette boîte de dialogue.

Résumé

L'événement Fermer la fenêtre actuelle est une opération courante en JavaScript, qui peut être facilement réalisée grâce aux deux méthodes ci-dessus. Il convient de noter qu'en raison des restrictions de sécurité du navigateur, la fermeture peut échouer ou une boîte de dialogue peut apparaître. Par conséquent, dans le développement réel, il est nécessaire de choisir la méthode de fermeture appropriée en fonction des besoins spécifiques et d'essayer d'éviter autant que possible les conséquences néfastes causées par une mauvaise opération.

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