系統對話方塊

• 遊覽器通過alert()、confirm()和prompt()方法可以呼叫系統對話方塊向用戶顯示訊息。
• 系統對話方塊與在遊覽器和zoo那個顯示的頁面沒有關係也不包含HTML。
• 它們的外觀由作業系統及（或）遊覽器設定決定，而不是由css決定。

alert()

• 向用戶顯示一個系統對話方塊，其中包含指定的文字和一個確定按鈕。
• 這個方法接受一個字串並將其顯示給使用者。
• 通常使用這個方法生成的“警告”對話方塊向用戶顯示一些他們無法控制的訊息。
  • 例如錯誤訊息，而使用者只能在看完訊息後關閉對話方塊。

語法

alert("Hello world");

confirm()

• 與alert()的主要區別是除了確定按鈕外還有一個取消按鈕。
• 兩個按鈕可以讓使用者自行決定選擇操作。
• 為了確定使用者是單機了確定還是取消，可以檢查confirm()方法返回的布林值。
  - true 表示單擊了確定
  - false 表示單擊了取消（或者沒有單機確定而是用其他方式關閉了對話方塊）。

語法

if(confirm('Are You sure?')) {
	alert('Yes')
}else{
      alert('No')
}

prompt()

• 這是一個提示框，用於提示使用者輸入一些文字。
• 提示框中除了顯示確定和取消按鈕以及文字提示之外，還會顯示一個文字輸入域，以供使用者在其中輸入內容。
• 這個方法接受兩個引數
  - 要顯示給使用者的文字提示
  - 文字輸入域的預設值（可以是一個空的字串）。

語法

prompt("What's your name?", "lazy");

• 如果使用者單擊了確定按鈕，則prompt()返回文字輸入域的值；如果使用者單機了取消（或者沒有單機確定而是用其他方式關閉了對話方塊），則該方法返回 null。

var result = prompt("What's your name?", "lazy");
if(result !== null) {
      alert("Welcome, " + result)
}
 

綜上所述

• 這些系統對話方塊很適合想使用者顯示訊息並請使用者作出決定。
• 由於不涉及HTML、CSS或JavaScript，因此它們是增強web應用程式的一種便捷方式。

還有兩個可以通過JavaScript開啟的對話方塊

• 查詢和列印，這兩個對話方塊都是非同步顯示的，能夠將控制權立即交還給指令碼。

// 顯示查詢對話方塊
window.find();
// 顯示列印對話方塊
window.print();