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?");

让我试试