Types de boîtes contextuelles en javascript

JavaScript fournit plusieurs fonctions prédéfinies qui sont utilisées pour démontrer des messages à différentes fins. En JavaScript, les boîtes contextuelles sont utilisées pour afficher des notifications simples, pour obtenir la contribution ou la confirmation de l'utilisateur, etc. Dans l'ensemble, les boîtes pop-up sont utilisées pour alerter, informer ou avertir les utilisateurs. Une fois qu'une boîte pop-up apparaît, vous ne pourriez pas effectuer une autre opération avant de fermer cette fenêtre contextuelle. En JavaScript, Box Alert, Invite Box et Confirm Box sont les trois types des boîtes contextuelles.

Dans cet article, nous comprendrons les aspects ci-dessous des boîtes pop-up en JavaScript:

• Qu'est-ce qu'une boîte à alerte et comment l'utiliser dans JavaScript?
• Qu'est-ce qu'une boîte invite et comment cela fonctionne dans JavaScript?
• Qu'est-ce qu'une boîte de confirmation et comment cela fonctionne dans JavaScript?

Alors, commençons!

Qu'est-ce qu'une boîte à alerte et comment l'utiliser dans JavaScript?

Il s'agit d'un type de boîte contextuelle qui est utilisée pour afficher une notification d'avertissement / alerte à l'utilisateur. Une boîte d'alerte apparaît dans le centre supérieur de l'interface visuelle. Une fois qu'un boîtier d'alerte apparaît, il arrête l'exécution d'autres parties du programme jusqu'à ce que l'utilisateur clique sur le "D'ACCORD" bouton. La syntaxe de base de la boîte d'alerte est indiquée dans l'extrait de divagations ci-dessous:

alerte ("notification d'alerte");

L'extrait de l'extrait ci-dessus montre que nous devons passer la notification d'alerte / d'avertissement à la méthode d'alerte.

Exemple
L'extrait de code ci-dessous vous aidera à comprendre comment les boîtes d'alerte fonctionnent en JavaScript:

Cliquez sur moi

Dans ce programme, nous avons utilisé la méthode alert () et l'avons passé un message «Bienvenue à Linuxhint.com ». En conséquence, nous obtiendrons la sortie suivante:

Le «GIF» ci-dessus montre que lorsque nous avons cliqué sur le bouton "Cliquez sur moi", par conséquent, il génère une boîte contextuelle qui montre la notification spécifiée par l'utilisateur.

Qu'est-ce qu'une boîte invite et comment cela fonctionne dans JavaScript?

Dans JavaScript, la boîte d'invite est un type de boîte contextuelle qui est utilisée pour obtenir l'entrée de l'utilisateur. Une boîte invite apparaît dans le centre supérieur de l'interface visuelle. Voici la syntaxe de la boîte d'invite dans JavaScript:

invite ("notification rapide");

Exemple
Le programme donné ci-dessous vous guidera pour comprendre comment fonctionnent les boîtes rapides en JavaScript:

Cliquez sur moi

Dans cet exemple, nous avons utilisé la méthode invite () et l'avons passé une notification «Entrez le mot de passe». Par conséquent, nous obtiendrons la sortie suivante:

Le «GIF» ci-dessus montre que lorsque nous cliquons sur le bouton "Cliquez sur moi", Par conséquent, il génère une boîte contextuelle qui demande à l'utilisateur de «saisir le mot de passe».

Qu'est-ce qu'une boîte de confirmation et comment cela fonctionne dans JavaScript

Confirmer la boîte est un type de boîte contextuelle utilisée pour prendre l'autorisation / l'autorisation de l'utilisateur. Le extrait ci-dessous montre comment utiliser la boîte de confirmation en javascript:

Confirmer ("Notification de confirmation");

Exemple
L'extrait de code ci-dessous vous aidera à comprendre comment fonctionne la boîte de confirmation en JavaScript:

Cliquez sur moi

Dans le bloc de code ci-dessus, nous avons utilisé la confirm () pour confirmer l'âge de l'utilisateur:

L'extrait ci-dessus montre la pertinence de la boîte de confirmation en JavaScript.

Conclusion

En JavaScript, il existe trois types de boîtes contextuelles qui sont utilisées pour afficher des notifications simples, pour obtenir la contribution de l'utilisateur ou la confirmation de l'utilisateur, etc. En mots simples, les boîtes contextuelles sont utilisées pour alerter, notifier ou avertir les utilisateurs. Cet article a fourni un guide détaillé sur les différents types des boîtes contextuelles en javascript.