js confirm插件

confirm 是 JavaScript 中的一个内置函数，并非一个插件，用于显示一个带有消息和确定及取消按钮的对话框。这个函数会阻塞后续的 JavaScript 执行，直到用户做出选择。

基础概念

confirm 函数的基本语法是：

confirm(message);

其中 message 是要在对话框中显示的文本。

函数返回 true 如果用户点击“确定”，或者 false 如果用户点击“取消”。

优势

• 简单易用：无需额外的库或插件。
• 跨浏览器兼容：所有主流浏览器都支持 confirm 对话框。

类型

实际上，confirm 并没有多种类型，它就是一个简单的二选一对话框。

应用场景

• 确认用户是否真的想要执行某个操作，比如删除文件、提交表单等。

示例代码

let userConfirmed = confirm("你确定要删除这个文件吗？");

if (userConfirmed) {
    // 用户点击了“确定”，执行删除操作
    console.log("文件已删除");
} else {
    // 用户点击了“取消”，不执行任何操作
    console.log("删除操作已取消");
}

注意事项

• 由于 confirm 对话框会阻塞 JavaScript 执行，因此不建议在频繁交互的界面中使用，以免影响用户体验。
• confirm 对话框的样式和行为在不同的浏览器中可能会有细微的差别。

替代方案

如果你需要更复杂的对话框功能，可以考虑使用第三方库，如 SweetAlert、Bootstrap Modal 等。这些库提供了更多的自定义选项和更好的用户体验。

例如，使用 SweetAlert 显示一个确认对话框：

swal({
  title: "确定要删除文件吗?",
  text: "删除后无法恢复!",
  icon: "warning",
  buttons: true,
  dangerMode: true,
})
.then((willDelete) => {
  if (willDelete) {
    swal("文件已删除!", {
      icon: "success",
    });
    // 执行删除操作
  } else {
    swal("删除操作已取消!");
  }
});

这样你可以得到一个更美观、更灵活的确认对话框。