我們在做網頁交互的時候往往需要用戶在操作之前彈出一個提示消息框來讓用戶做一些點擊才能繼續或者放棄，這里有三種模式消息框，它們分別是alert(),confirm()和prompt()。下面我用最簡單的方式和例子來做一下介紹：

1、alert()–警告消息框
alert 方法有一個參數，即希望對用戶顯示的文本字符串。該字符串不是 HTML 格式。該消息框提供了一個“確定”按鈕讓用戶關閉該消息框，并且該消息框是模式對話框，也就是說，用戶必須先關閉該消息框然后才能繼續進行操作。
例如：window.alert(“歡迎！請按“確定”繼續。”)，將會出現下面的情況

Paste_Image.png
2、confirm()–確認消息框
使用確認消息框可向用戶問一個“是-或-否”問題，并且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框：用戶必須在響應該對話框（單擊一個按鈕）將其關閉后，才能進行下一步操作。
例如： var truthBeTold = window.confirm(“單擊“確定”繼續。單擊“取消”停止。”)，情況如下
if (truthBeTold) {
window.alert(“歡迎訪問我們的 Web 頁！”);
} else
window.alert(“再見啦！”);

3、prompt()–提示消息框
提示消息框提供了一個文本字段，用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數，則提示消息框將在文本字段顯示該輔助字符串作為默認響應。否則，默認文本為 “”。 與alert( ) 和 confirm( ) 方法類似，prompt 方法也將顯示一個模式消息框。用戶在繼續操作之前必須先關閉該消息框 。

原文鏈接
http://www.jianshu.com/p/168d5e283cd0

總結

以上是生活随笔為你收集整理的前端三种消息框alert，confirm，prompt的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。