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.org.cn/en-US/docs/Web/API/Window/open");
  } else {
    log.innerText = "Glad you're staying!";
  }
});

注意

对话框是模态窗口 — 它们会阻止用户访问程序界面的其余部分,直到对话框关闭。因此,您不应该滥用任何创建对话框或模态窗口的函数。或者,可以使用 <dialog> 元素进行确认。

规范

规范
HTML
# dom-confirm-dev

浏览器兼容性

另见