最新的Web开发教程
 

JavaScript弹出框


JavaScript有3种弹出框:警告框,确认框,提示框。


警告框

一个警告框经常使用,如果你想确保信息都通过给用户。

当一个警告框弹出,用户必须点击"OK"继续。

句法

window.alert("sometext");

所述window.alert()方法可以在没有窗口前缀被写入。

alert("I am an alert box!");
试一试»

确认框

如果你希望用户验证或接受事物的确认框被经常使用。

当一个确认对话框弹出时,用户必须点击或者"OK""Cancel"继续。

如果用户点击"OK"箱子返回true。 如果用户点击"Cancel" ,箱子返回false。

句法

window.confirm("sometext");

所述window.confirm()方法可以在没有窗口前缀被写入。

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

提示框

如果你希望用户输入进入页面之前的值一个提示框经常被使用。

当一个提示框弹出,用户必须点击或者"OK""Cancel"进入输入值后继续。

如果用户点击"OK"框返回的输入值。 如果用户点击"Cancel"框返回null。

句法

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

所述window.prompt()方法可以在没有窗口前缀被写入。

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

换行符

要显示一个弹出框里面换行,请使用反斜杠后面的字符全。

alert("Hello\nHow are you?");
试一试»