使用 JavaScript 中的 confirm 函式提醒 Yes No
Ammar Ali
2021年10月2日
本教程討論如何使用 JavaScript 中的 confirm() 函式建立對話方塊。
使用 JavaScript 中的 confirm() 函式建立對話方塊
要建立對話方塊，我們可以使用 JavaScript 中的 confirm() 函式。該函式詢問使用者的意見，並根據使用者的選擇返回 true 或 false。你可以使用返回值來執行你想要的功能。
例如，讓我們使用 confirm() 函式建立一個包含一些文字的對話方塊。請參考下面的程式碼。
var dialog = confirm("Save data?");
if (dialog) {
console.log('Data Saved')
}
else {
console.log('Data Not Saved')
}
輸出：
Data Saved
當你執行上面的程式碼時，將出現一個對話方塊，詢問你是否要儲存資料。如果你按 ok，則上面的輸出將出現在控制檯上。
console.log() 函式用於在控制檯上列印文字。如果 confirm() 函式導致問題，你也可以使用 window.confirm() 函式來避免任何問題。
現在，當你重新載入或開啟頁面時，將出現上面的對話方塊。不過，你也可以使用按鈕或連結附加它；這樣，當按下按鈕或連結時，將出現此對話方塊。否則，不會。
例如，讓我們使用一個按鈕來要求使用者確認儲存資料。請參考下面的程式碼。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>
輸出：
Data Saved
在上面的程式碼中，我們使用按鈕來顯示對話方塊，但你也可以根據你的要求使用連結或表單來顯示它。
Author: Ammar Ali
