询问者确认 - Javascript

简介

询问者确认是一种常见的编程模式，用于在代码中与用户进行交互并获取确认或选择。在JavaScript中，可以使用confirm函数或自定义对话框来实现询问者确认。

使用confirm函数实现询问者确认

confirm函数是JavaScript中提供的一种简单的提示框。它以一个字符串作为参数，显示一个带有确认和取消按钮的对话框，并返回一个布尔值，表示用户点击了确认按钮还是取消按钮。

下面是一个使用confirm函数实现询问者确认的示例代码片段：

var result = confirm("你确定要删除这条记录吗？");
if (result) {
    // 用户点击了确认按钮，执行删除操作
    deleteRecord();
} else {
    // 用户点击了取消按钮，取消删除操作
    cancelDelete();
}

使用自定义对话框实现询问者确认

除了使用confirm函数，你还可以使用自定义对话框来实现询问者确认。自定义对话框可以更好地适应你的应用程序的样式和需求。

以下是一个使用自定义对话框实现询问者确认的示例代码片段：

<button onclick="showConfirmationDialog()">删除记录</button>

<script>
function showConfirmationDialog() {
    // 创建自定义对话框元素
    var dialog = document.createElement("div");
    dialog.innerHTML = `
        <p>你确定要删除这条记录吗？</p>
        <button onclick="confirmDelete()">确定</button>
        <button onclick="cancelDelete()">取消</button>
    `;
    document.body.appendChild(dialog);
}

function confirmDelete() {
    // 执行删除操作
    deleteRecord();
    // 移除自定义对话框
    document.body.removeChild(document.querySelector("div"));
}

function cancelDelete() {
    // 取消删除操作
    // 移除自定义对话框
    document.body.removeChild(document.querySelector("div"));
}
</script>

注意事项

• confirm函数和自定义对话框在不同的浏览器中的外观和行为可能有所不同，因此在使用时需要注意兼容性问题。
• 在使用自定义对话框时，你可以根据需要进行样式和交互的定制，以满足应用程序的需求。

以上是关于JavaScript中实现询问者确认的介绍，请根据你的需求选择适合的方法。