JavaScript怎么實現警告框、確認框和提示框

這篇文章主要介紹“JavaScript怎么實現警告框、確認框和提示框”，在日常操作中，相信很多人在JavaScript怎么實現警告框、確認框和提示框問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”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?");

到此，關于“JavaScript怎么實現警告框、確認框和提示框”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！