Boîtes contextuelles JavaScript
JavaScript a trois types de boîtes contextuelles : la boîte d’alerte, la boîte de confirmation et la boîte d’invite.
Boîte d’alerte
Une boîte d’alerte est souvent utilisée si vous voulez vous assurer que les informations parviennent à l’utilisateur.
Lorsqu’une boîte d’alerte apparaît, l’utilisateur devra cliquer sur « OK » pour continuer.
Syntaxe
fenêtre.alerte(« Du texte« );
Le window.alert() La méthode peut être écrite sans le préfixe de fenêtre.
Confirmer la case
Une boîte de confirmation est souvent utilisée si vous voulez que l’utilisateur vérifie ou accepte quelque chose.
Lorsqu’une boîte de confirmation apparaît, l’utilisateur devra cliquer sur « OK » ou « Annuler » pour continuer.
Si l’utilisateur clique sur « OK », la boîte revient vrai. Si l’utilisateur clique sur « Annuler », la boîte revient
FAUX.
Syntaxe
fenêtre.confirmer(« Du texte« );
Le window.confirm() La méthode peut être écrite sans le préfixe de fenêtre.
Exemple
if (confirmer(« Appuyez sur un bouton! »)) {
txt = « Vous avez appuyé sur OK ! » ;
} autre {
txt = « Vous avez appuyé sur Annuler ! » ;
}
Essayez-le vous-même »
Boîte d’invite
Une boîte de dialogue est souvent utilisée si vous souhaitez que l’utilisateur saisisse une valeur avant d’entrer dans une page.
Lorsqu’une boîte de dialogue apparaît, l’utilisateur devra cliquer sur « OK » ou « Annuler » pour continuer après avoir entré une valeur d’entrée.
Si l’utilisateur clique sur « OK », la boîte renvoie la valeur d’entrée. Si l’utilisateur clique sur « Annuler », la boîte renvoie null.
Syntaxe
fenêtre.invite(« Du texte« , »texte par défaut« );
Le window.prompt() La méthode peut être écrite sans le préfixe de fenêtre.
Exemple
let person = prompt(« Veuillez entrer votre nom », « Harry Potter »);
laissez le texte;
si (personne == null || personne == « ») {
text = « L’utilisateur a annulé l’invite. »;
} autre {
text = « Bonjour » + personne + » ! Comment vas-tu aujourd’hui ? »;
}
Essayez-le vous-même »
Sauts de ligne
Pour afficher les sauts de ligne dans une boîte contextuelle, utilisez une barre oblique inverse suivie du caractère n.
#Boîtes #contextuelles #JavaScript
