JavaScript 彈出框

JavaScript 有三種類型的彈出框：警告框、確認框和提示框。

警告框

如果要確保信息傳遞給用戶，通常會使用警告框。

當警告框彈出時，用戶將需要單擊“確定”來繼續。

語法

window.alert("sometext");

window.alert() 方法可以不帶 window 前綴來寫。

實例

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

親自試一試

確認框

如果您希望用戶驗證或接受某個東西，則通常使用“確認”框。

當確認框彈出時，用戶將不得不單擊“確定”或“取消”來繼續進行。

如果用戶單擊“確定”，該框返回 true。如果用戶單擊“取消”，該框返回 false。

語法

window.confirm("sometext");

window.confirm() 方法可以不帶 window 前綴來編寫。

實例

var r = confirm("請按按鈕");
if (r == true) {
    x = "您按了確認！";
} else {
    x = "您按了取消！";
}

親自試一試

提示框

如果您希望用戶在進入頁面前輸入值，通常會使用提示框。

當提示框彈出時，用戶將不得不輸入值后單擊“確定”或點擊“取消”來繼續進行。

如果用戶單擊“確定”，該框返回輸入值。如果用戶單擊“取消”，該框返回 NULL。

語法

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

window.prompt() 方法可以不帶 window 前綴來編寫。

實例

var person = prompt("請輸入您的姓名", "比爾蓋茨");
if (person != null) {
    document.getElementById("demo").innerHTML = "你好 " + person + "！今天過的怎么樣？";
}

親自試一試

折行

如需在彈出框中顯示折行，請在反斜杠后面加一個字符 n。

實例

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

親自試一試