Window: confirm() 方法
window.confirm() 指示瀏覽器顯示一個帶有可選訊息的對話方塊,並等待使用者確認或取消對話方塊。
在某些條件下 — 例如,當用戶切換標籤頁時 — 瀏覽器可能實際上不會顯示對話方塊,或者可能不會等待使用者確認或取消對話方塊。
語法
js
confirm()
confirm(message)
引數
message可選-
您想在確認對話方塊中顯示的字串。
返回值
一個布林值,指示選擇了“確定”(true)還是“取消”(false)。如果瀏覽器忽略頁面內的對話方塊,則返回值始終為 false。
示例
在執行操作前進行確認
以下示例顯示瞭如何檢查確認對話方塊的返回值。當用戶單擊“確定”按鈕時,我們呼叫 window.open(),如果使用者單擊“取消”,我們則將一些文字列印到一個 <pre> 元素中。
html
<button id="windowButton">Open new tab</button>
<pre id="log"></pre>
js
const windowButton = document.querySelector("#windowButton");
const log = document.querySelector("#log");
windowButton.addEventListener("click", () => {
if (window.confirm("Do you want to open in new tab?")) {
window.open("https://mdn.club.tw/en-US/docs/Web/API/Window/open");
} else {
log.innerText = "Glad you're staying!";
}
});
注意
對話方塊是模態視窗 — 它們會阻止使用者訪問程式介面的其餘部分,直到對話方塊關閉。因此,您不應該濫用任何建立對話方塊或模態視窗的函式。或者,可以使用 <dialog> 元素進行確認。
規範
| 規範 |
|---|
| HTML # dom-confirm-dev |
瀏覽器相容性
載入中…
另見
<dialog>元素window.alert()window.prompt()- “想撤銷時切勿發出警告” (A List Apart, 2017)