如何使用window.confirm()

398 阅读1分钟

confirm() 让我们在执行某件事情之前询问确认。

这个API可以追溯到网络诞生之初,而且每个浏览器都支持。

它非常简单,而且我认为它在许多不同的情况下都可以派上用场,而不需要使用自定义的用户界面。

它是这样工作的:你调用confirm() ,传递一个字符串,代表我们要确认的事情,它将显示给用户。

confirm("Are you sure you want to delete this element?")

这是在Chrome浏览器中的样子。

这是在Safari中的情况。

这是在Firefox中。

正如你所看到的,它在每个浏览器中的呈现方式略有不同,但概念是相同的。

你应该调用window.confirm() ,但由于window 是隐含的,所以confirm() 也可以。

浏览器会阻止脚本的执行,直到用户点击任何一个OK或Cancel按钮。如果不点击按钮,你就无法摆脱这种情况。

confirm() 的调用会返回一个布尔值,如果用户点击了 "确定",它就是true ,如果用户点击了**"取消**",它就是false ,所以我们可以把它赋给一个变量,或者在一个条件中使用它。

const confirmed = confirm("Are you sure you want to delete this element?")
if (confirm("Are you sure you want to delete this element?")) {
  console.log('confirmed')
}