JavaScript Pop-up Vensters

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

警告框

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

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

Syntax

window.alert("sometext");

window.alert() methoden kunnen zonder window 前缀来写。

Voorbeeld

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

Probeer het zelf

确认框

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

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

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

Syntax

window.confirm("sometext");

window.confirm() methoden kunnen zonder window voor te schrijven.

Voorbeeld

var r = confirm("请按按钮");
if (r == true) {
    x = "Je hebt OK geklikt!";
} else {
    x = "Je hebt Annuleren geklikt!";
}

Probeer het zelf

Melding

Als je de gebruiker wilt laten ingeven voordat de pagina wordt geopend, wordt meestal een melding gebruikt.

wanneer de melding wordt weergegeven, moet de gebruiker een waarde invoeren en vervolgens op "OK" klikken of op "Annuleren" klikken om door te gaan.

wanneer de gebruiker op "OK" klikt, wordt de ingevoerde waarde geretourneerd. Wanneer de gebruiker op "Annuleren" klikt, wordt de waarde geretourneerd. NULL.

Syntax

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

window.prompt() methoden kunnen zonder window voor te schrijven.

Voorbeeld

var person = prompt("Voer uw naam in", "Bill Gates");
if (person != null) {
    document.getElementById("demo").innerHTML = "Hallo " + person + "! Hoe is je dag gegaan?";
}

Probeer het zelf

Reghoek

Als je een reghoek wilt tonen in een pop-up, voeg dan een teken toe achter de backslash. n.

Voorbeeld

alert("Hallo\nHoe gaat het met je? ");

Probeer het zelf