使用 JavaScript 中的 confirm 函数提醒 Yes No

Ammar Ali 2021年10月2日
使用 JavaScript 中的 confirm 函数提醒 Yes No

本教程讨论如何使用 JavaScript 中的 confirm() 函数创建对话框。

使用 JavaScript 中的 confirm() 函数创建对话框

要创建对话框,我们可以使用 JavaScript 中的 confirm() 函数。该函数询问用户的意见,并根据用户的选择返回 truefalse。你可以使用返回值来执行你想要的功能。

例如,让我们使用 confirm() 函数创建一个包含一些文本的对话框。请参考下面的代码。

var dialog = confirm("Save data?");
if (dialog) {
    console.log('Data Saved')
}
else {
    console.log('Data Not Saved')
}

输出:

Data Saved

当你运行上面的代码时,将出现一个对话框,询问你是否要保存数据。如果你按 ok,则上面的输出将出现在控制台上。

console.log() 函数用于在控制台上打印文本。如果 confirm() 函数导致问题,你也可以使用 window.confirm() 函数来避免任何问题。

现在,当你重新加载或打开页面时,将出现上面的对话框。不过,你也可以使用按钮或链接附加它;这样,当按下按钮或链接时,将出现此对话框。否则,不会。

例如,让我们使用一个按钮来要求用户确认保存数据。请参考下面的代码。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <button type="button" onclick="if(confirm('Save Data?')){ console.log('Data Saved')};">SomeButton</button>
</body>
</html>

输出:

Data Saved

在上面的代码中,我们使用按钮来显示对话框,但你也可以根据你的要求使用链接或表单来显示它。

Author: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook