使用 JavaScript 中的 confirm 函数提醒 Yes No
Ammar Ali
2021年10月2日
本教程讨论如何使用 JavaScript 中的 confirm()
函数创建对话框。
使用 JavaScript 中的 confirm()
函数创建对话框
要创建对话框,我们可以使用 JavaScript 中的 confirm()
函数。该函数询问用户的意见,并根据用户的选择返回 true
或 false
。你可以使用返回值来执行你想要的功能。
例如,让我们使用 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