JavaScript 弹框

JavaScript有三种类型弹框：警告弹出框，确认框，提示框.

警告弹出框

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

当警报框弹出时，用户将单击“确定”进行.

语法

window.alert("sometext");

window.alert() 方法可以不用窗口window前缀编写。

alert("I am an alert box!");

让我试试

确认框

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

当确认框弹出时，用户将必须单击“确定”或“取消”继续进行.

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

语法

window.confirm("sometext");

window.confirm() 方法可以不用窗口window前缀编写.

var r = confirm("Press a button");
if (r == true) {
    x = "You pressed OK!";
} else {
    x = "You pressed Cancel!";
}

让我试试

提示框

如果您希望用户在输入页面前输入值，通常会使用提示框.

当提示框弹出时，用户输入值后，将不得不单击“确定”或“取消”继续进行。

如果用户单击“确定”框返回输入值。如果用户单击“取消”框返回null。

语法

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

window.prompt() 方法可以不用窗口window前缀编写.

var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}

让我试试

换行

在一个弹出框显示换行, 使用反斜杠后跟字符n.

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

让我试试