Window: confirm() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

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

瀏覽器相容性

另見