最近開始學習JavaScript,最開始講的就是alert()、confirm()和prompt()三種JS彈出對話框。三種彈出對話框分別是警告、確認和提示消息。
第一種警告消息框 (alert)
alert 方法有一個參數,即希望對用戶顯示的文本字符串。該字符串不是 HTML 格式。該消息框提供了一個“確定”按鈕讓用戶關閉該消息框,並且該消息框是模式對話框,也就是說,用戶必須先關閉該消息框然后才能繼續進行操作。
<script>
alert("Hello World !");
</script>
以上就是跳出一個警告消息框。
第二種確認消息框 (confirm)
使用確認消息框可向用戶問一個“是-或-否”問題,並且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框:用戶必須在響應該對話框(單擊一個按鈕)將其關閉后,才能進行下一步操作。
<script>
var x = confirm("Hello World !");
if (x == true) {
alert("Hello");
} else {
alert("Bye");
}
</script>
以上跳出一個確認消息框,點確定顯示“Hello”,點取消顯示“Bye”。
提示消息框 (prompt)
提示消息框提供了一個文本字段,用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數,則提示消息框將在文本字段顯示該輔助字符串作為默認響應。否則,默認文本為 "<undefined>"。
與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式消息框。
<script>
prompt("Are you happy ?請輸入您的姓名?");
</script>
以上跳出一個消息框,需要輸入一些信息再來點確定或者取消,當然不輸入內容也可以。