Maison  >  Article  >  interface Web  >  invite de fermeture javascript

invite de fermeture javascript

WBOY
WBOYoriginal
2023-05-09 09:07:371957parcourir

JavaScript désactivé

En tant que développeurs front-end, nous devons souvent utiliser JavaScript pour ajouter des effets dynamiques et des fonctions interactives au site Web. Parmi elles, les boîtes contextuelles ou les boîtes d'invite sont une fonction courante. Elles peuvent être utilisées pour rappeler aux utilisateurs d'effectuer certaines opérations ou d'afficher certaines informations. Dans ce cas, nous devons utiliser la fonction d'alerte ou de confirmation en JavaScript pour faire apparaître la boîte de dialogue.

La fonction principale d'alerte et de confirmation est de faire apparaître un message ou un message et un bouton de confirmation ou d'annulation. Ces fonctions nécessitent que l'utilisateur clique manuellement sur un bouton de confirmation ou d'annulation pour fermer. Mais parfois, nous souhaitons fermer automatiquement la fenêtre contextuelle pour mieux contrôler l'expérience utilisateur. Dans cet article, nous verrons comment fermer une info-bulle à l'aide de JavaScript.

Fermez la boîte d'invite d'alerte

Pour fermer la boîte d'invite d'alerte, nous devons utiliser la fonction setTimeout. La fonction setTimeout est utilisée pour exécuter une fonction après un temps spécifié. Nous pouvons utiliser cette fonction pour fermer la boîte d'invite d'alerte après une certaine période de temps.

Le code ci-dessous montre comment fermer la boîte d'invite d'alerte après 5 secondes.

alert("这是一条提示信息!");

setTimeout(function(){
    window.close();
}, 5000);

Dans le code ci-dessus, nous utilisons la fonction setTimeout pour exécuter une fonction anonyme après 5 secondes. La méthode window.close() est appelée dans cette fonction pour fermer la fenêtre actuelle. Notez que pour des raisons de sécurité, JavaScript ne peut pas fermer directement la fenêtre du navigateur, mais il peut fermer la fenêtre ou l'onglet ouvert par JavaScript.

Fermez la boîte d'invite de confirmation

Contrairement à la boîte d'invite d'alerte, la boîte d'invite de confirmation nécessite que l'utilisateur clique manuellement sur le bouton de confirmation ou d'annulation pour la fermer. Mais parfois, nous souhaitons fermer automatiquement la boîte de dialogue de confirmation une fois que l'utilisateur a effectué une opération.

Le code suivant montre comment fermer automatiquement la boîte de dialogue de confirmation une fois que l'utilisateur a sélectionné « Confirmer » ou « Annuler ».

var confirmed = confirm("你确认要执行这个操作吗?");

if (confirmed === true) {
    setTimeout(function(){
        window.close();
    }, 5000);
} else {
    // 用户取消操作,不需要关闭提示框
}

Dans le code ci-dessus, nous utilisons d'abord la fonction de confirmation pour afficher une boîte de dialogue et attendons que l'utilisateur sélectionne "Confirmer" ou "Annuler". Si l'utilisateur sélectionne « Confirmer », la boîte de dialogue se fermera automatiquement après 5 secondes. Si l'utilisateur sélectionne « Annuler », il n'est pas nécessaire de fermer la boîte de dialogue.

Résumé

Les boîtes d'invite JavaScript (alerte et confirmation) sont une fonctionnalité courante des applications Web. Elles peuvent être utilisées pour rappeler aux utilisateurs d'effectuer certaines opérations ou d'afficher certaines informations. Bien que ces boîtes de dialogue doivent être fermées manuellement par défaut, nous pouvons parfois utiliser JavaScript pour les fermer automatiquement afin de mieux contrôler l'expérience utilisateur. Lors de la fermeture de la boîte d'invite d'alerte ou de confirmation, nous pouvons utiliser la fonction setTimeout pour retarder l'exécution d'une opération afin d'obtenir une fermeture automatique.

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