Boîte de dialogue JavaScript

Dans JavaScript, vous pouvez créer des dialogues ou des fenêtres contextuelles pour interagir avec l'utilisateur.

JavaScript a trois types différents de boîtes contextuelles : les boîtes de dialogue d'alerte, les boîtes de confirmation et les boîtes de dialogue de saisie.

Boîte de dialogue d'alerte

La boîte de dialogue d'alerte est la plus simple des boîtes contextuelles. Elle vous permet d'afficher un message court à l'utilisateur.

Elle comprend également un bouton "Confirmer", que l'utilisateur doit cliquer pour continuer.

Syntaxe :

window.alert("msg")

window.alert()La méthode peut ne pas avoir de préfixe "window." et peut être utilisée directement :

alert("Hello world!");

Boîte de confirmation

Si vous souhaitez que l'utilisateur vérifie ou accepte quelque chose, il est généralement utilisé une boîte de confirmation.

La boîte de confirmation ressemble à une boîte d'alerte, mais elle contient un bouton "Annuler" et un bouton "Confirmer".

Si l'utilisateur clique sur "Confirmer", la boîte de dialogue retournetrueSi l'utilisateur clique sur "Annuler", la boîte de dialogue retournefalse。

Syntaxe :

window.confirm("msg")

window.confirm()La méthode peut ne pas avoir de préfixe "window." et peut être utilisée directement :

var r = confirm("Appuyer sur un bouton !");
if (r == true) {
　　　txt = "Vous avez cliqué sur Confirmer!";
}
　　　txt = "Vous avez cliqué sur Annuler!";
}

Boîte de dialogue

Si vous souhaitez que l'utilisateur saisisse une valeur avant d'entrer dans la page, il est généralement utilisé une boîte de dialogue.

La boîte de dialogue comprend un champ d'entrée de texte, les boutons "Confirmer" et "Annuler".

Si l'utilisateur clique sur "Confirmer", la boîte de dialogue retourne la valeur saisie. Si l'utilisateur clique sur "Annuler", la boîte de dialogue retourne null.

Syntaxe :

window.prompt("msg",　"defaultText")

window.prompt()La méthode peut ne pas avoir de préfixe "window." et peut être utilisée directement :

var　name　=　prompt("Entrez votre nom",　"Someone");
if　(name　!=　null)　{
　　　document.getElementById("output").innerHTML　=　"Hello　"　+　name;
}

Remarque :prompt()La valeur retournée par la méthode est toujours une chaîne de caractères. Cela signifie que si l'utilisateur saisit15，elle retourne la chaîne de caractères “ 15”au lieu de nombre15。

Par conséquent, si vous devez utiliser la valeur de retour comme nombre, vous devez la convertir, voirComment convertir les types de données en JavaScript。

Affichage d'un saut de ligne dans un dialogue

Pour afficher un saut de ligne dans un dialogue, utilisez le saut de ligne ou le saut de ligne (\n); un slash inversé suivi du caractère n.

alert("Hello\nHow　are　you?");

Plus d'exemples

Cet exemple montre différents types de boîtes de dialogue pris en charge par JavaScript :