JavaScript ferme la fenêtre actuelle

WBOY
Libérer: 2023-05-12 10:21:07
original
1287 Les gens l'ont consulté

JavaScript est un langage de programmation populaire largement utilisé dans le développement Web. Lorsque les utilisateurs terminent une tâche ou ouvrent une page Web, ils souhaitent parfois fermer la fenêtre actuelle. En JavaScript, la fermeture de la fenêtre actuelle nécessite l'utilisation de la méthode window.close(). Cependant, il peut être nécessaire d'afficher une fenêtre d'invite à l'utilisateur avant de fermer la fenêtre.

Des fenêtres d'invite peuvent être créées à l'aide des fonctions alert(), confirm() ou prompt(). La fonction alert() affiche une simple boîte de message, la fonction confirm() affiche une boîte de message avec les boutons "OK" et "Annuler", et la fonction prompt() affiche une boîte de message avec une zone de saisie et "OK" et " Boutons "Annuler". En JavaScript, ces fonctions peuvent être utilisées avec la méthode window.close() pour créer une invite conviviale pour fermer la fenêtre.

Ce qui suit est un exemple de code qui montre comment utiliser la fonction alert() pour inviter l'utilisateur à confirmer la fermeture de la fenêtre actuelle :

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗?";
};
Copier après la connexion

Dans ce code, nous utilisons l'événement window.onbeforeunload pour enregistrer une fonction de rappel. Cette fonction est appelée lorsque l'utilisateur tente de fermer la fenêtre en cours. La fonction de rappel renvoie une chaîne invitant l'utilisateur à confirmer la fermeture de la fenêtre. Lorsque l'utilisateur clique sur le bouton "Fermer", la fenêtre sera fermée.

Ce qui suit est un exemple de code utilisant la fonction confirm() pour montrer comment afficher une boîte de message de confirmation :

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗?");
};
Copier après la connexion

Dans ce code, nous utilisons la fonction confirm() pour afficher une boîte de message avec les boutons OK et Annuler. Lorsque l'utilisateur clique sur le bouton "OK", la fonction de rappel renvoie true et la fenêtre sera fermée. Lorsque l'utilisateur clique sur le bouton "Annuler", la fonction de rappel renvoie false et la fenêtre ne sera pas fermée.

Enfin, voici un exemple de code utilisant la fonction prompt() pour montrer comment inviter l'utilisateur à saisir des informations :

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字:");
   if (name != null) {
      return "再见," + name + "!";
   } else {
      return null;
   }
};
Copier après la connexion

Dans ce code, nous utilisons l'invite( ) fonction pour afficher une boîte de message avec une zone de saisie et des boutons OK et Annuler. Lorsque l'utilisateur clique sur le bouton « OK », la fonction de rappel renvoie un message d'adieu avec le nom de l'utilisateur. Lorsque l'utilisateur clique sur le bouton "Annuler", la fonction de rappel renverra null et la fenêtre ne sera pas fermée.

Dans tous ces exemples, nous utilisons l'événement window.onbeforeunload pour enregistrer la fonction de rappel. Cet événement est déclenché lorsque la fenêtre est sur le point de se fermer et peut être utilisé pour effectuer certaines opérations avant de fermer la fenêtre.

Pour résumer, JavaScript fournit plusieurs méthodes pour fermer la fenêtre actuelle et demander à l'utilisateur de confirmer. Utilisez la fonction alert(), confirm() ou prompt() pour rendre le message d'invite plus convivial et plus facile à comprendre. L'utilisation de l'événement window.onbeforeunload nous permet d'effectuer certaines opérations avant de fermer la fenêtre, comme nettoyer les données temporaires ou enregistrer les entrées de l'utilisateur.

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