最新的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?");
試一試»