Boîtes contextuelles JavaScript
JavaScript a trois types de boîtes pop-up: zone d'alerte, zone Confirmer et rapide boîte.
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
window.alert("sometext");
La window.alert()
méthode peut être écrite sans le préfixe de fenêtre.
Exemple
alert("I am an alert box!");
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 case renvoie true . Si l'utilisateur clique sur "Annuler", la boîte renvoie false .
Syntaxe
window.confirm("sometext");
La window.confirm()
méthode peut être écrite sans le préfixe de fenêtre.
Exemple
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
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
window.prompt("sometext","defaultText");
La window.prompt()
méthode peut être écrite sans le préfixe de fenêtre.
Exemple
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Sauts de ligne
Pour afficher les sauts de ligne dans une boîte contextuelle, utilisez une barre oblique inverse suivie du caractère n.
Exemple
alert("Hello\nHow are you?");