JavaScript Confirm

2025 年 3 月 18 日 | 3 分钟阅读

JavaScript confirm 方法会调用一个函数,该函数用于在某个操作上向用户显示一个确认对话框。confirm() 方法使用 window 对象调用一个对话框,该对话框包含一个问题和两个选项按钮:确定取消。如果用户选择“确定”选项,它将继续执行函数;选择“取消”选项将中止该代码块的执行。

如果用户选择“确定”选项,它将返回 true;否则,它将返回 false

语法

参数

它接受一个字符串格式的“message”值,用于显示在您想给用户看的确认对话框中。

返回值

如果选择了“确定”,confirm 方法将返回一个布尔值,即 true 或 false。

一个布尔值,指示是否选择了“确定”(true)或“取消”(false)。如果浏览器忽略页面内对话框,则返回值始终为 false。

Confirm 方法的用法

  • JavaScript confirm() 方法用于在带有“确定”和“取消”选项的对话框窗口中显示特定消息,以确认用户操作。
  • 在处理某些 CRUD 操作时,有必要使用确认消息,而不是直接应用操作。
  • 它用于接受或验证某些内容。
  • 它会强制浏览器读取消息并聚焦于当前窗口。
  • 它会阻止所有操作,直到确认窗口关闭。
  • 当用户选择“确定”时返回 true,当用户选择“取消”选项时返回 false。

注意:JavaScript confirm 方法不应过度使用。它会阻止访问页面上的其他部分,直到选择操作或关闭窗口。

示例

示例 1:打印选定的操作

Test.html

输出

上面的 HTML 页面将显示一些文本和一个操作按钮,如下所示

JavaScript Confirm

当我们点击“点击这里”按钮时,它会打开一个带有指定消息以及“确定”和“取消”选项的对话框窗口。

JavaScript Confirm

如果我们选择“确定”操作,它将执行 if 代码块中的代码;否则,它将执行 else 代码块中的代码。请看下面的输出

JavaScript Confirm

示例 2:在条件中使用 confirm 方法

Test.html

输出

上面的 HTML 页面将显示一些文本和一个操作按钮,如下所示

JavaScript Confirm

当我们点击“点击这里”按钮时,它会打开一个带有指定消息以及“确定”和“取消”选项的对话框窗口。

JavaScript Confirm

如果我们选择“确定”操作,它将执行 if 代码块中的代码;否则,它将执行 else 代码块中的代码。请看下面的输出

JavaScript Confirm

从上面的例子中,我们可以看到如果我们选择了“确定”,那么它会在 if 条件下应用指定的操作。

示例 3:显示多行操作消息

要显示多行操作消息,可以在我们想在新行显示的行之前写入一个 \n。

考虑下面的示例

Test.html

输出

JavaScript Confirm

从上面的输出中,我们可以看到操作消息以多行打印。