Boîtes de dialogue JavaScript

JavaScript 有三种类型的弹出框：警告框、确认框和提示框。

警告框

如果要确保信息传递给用户，通常会使用警告框。

当警告框弹出时，用户将需要单击“确定”来继续。

Syntaxe

window.alert("sometext");

window.alert() Les méthodes peuvent être utilisées sans window 前缀来写。

Exemple

alert("我是一个警告框！");

Essayer vous-même

确认框

如果您希望用户验证或接受某个东西，则通常使用“确认”框。

当确认框弹出时，用户将不得不单击“确定”或“取消”来继续进行。

如果用户单击“确定”，该框返回 true。如果用户单击“取消”，该框返回 false.

Syntaxe

window.confirm("sometext");

window.confirm() Les méthodes peuvent être utilisées sans window écrire avec un préfixe.

Exemple

var r = confirm("请按按钮");
if (r == true) {
    x = "Vous avez cliqué sur Confirmer !";
} else {
    x = "Vous avez cliqué sur Annuler !";
}

Essayer vous-même

Boîte de dialogue de prompt

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

Lorsque la boîte de dialogue de prompt s'affiche, l'utilisateur devra saisir une valeur et cliquer sur "OK" ou cliquer sur "Annuler" pour continuer.

Si l'utilisateur clique sur "OK", la boîte de dialogue renvoie la valeur saisie. Si l'utilisateur clique sur "Annuler", la boîte de dialogue renvoie NULL.

Syntaxe

window.prompt("sometext",defaultText");

window.prompt() Les méthodes peuvent être utilisées sans window écrire avec un préfixe.

Exemple

var person = prompt("Entrez votre nom", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Bonjour " + person + "！Comment ça va aujourd'hui ?";
}

Essayer vous-même

Retour chariot

Pour afficher les retours chariot dans la boîte de dialogue, ajoutez un caractère après la barre oblique inverse. n.

Exemple

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

Essayer vous-même