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.org.cn/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)