js confirm|极客教程

js confirm

Javascript中的confirm()方法是用于弹出确认框的函数。当用户点击确认或取消按钮时，confirm()会返回一个布尔值，如果用户点击确认，则返回true，否则返回false。在本文中，将详细介绍confirm()方法的使用方法及相关示例。

使用方法

confirm()方法接受一个参数，即要显示在确认框中的文本信息。当用户调用该方法时，会弹出一个对话框，其中包含文本信息和确认、取消按钮。用户可以点击确认或取消按钮来进行选择。

下面是confirm()方法的基本语法：

confirm("确认框中要显示的文本信息");

示例代码

下面是一个使用confirm()方法的简单示例代码：

var result = confirm("您确定要删除吗？");

if (result === true) {
    console.log("用户点击了确认按钮");
} else {
    console.log("用户点击了取消按钮");
}

在这个示例中，当用户调用confirm()方法时，会弹出一个确认框显示”您确定要删除吗？”的文本信息。当用户点击确认按钮时，会返回true，如果用户点击取消按钮则返回false。根据返回值，我们可以执行不同的逻辑。

进阶用法

confirm()方法常用于在用户进行删除操作或其他重要操作时进行确认。除了基本的使用方法外，我们还可以结合条件语句和事件来实现更多的功能。

结合条件语句

我们可以使用confirm()方法来控制用户是否提交表单或执行某些特定操作。例如下面的示例代码：

document.getElementById("submitBtn").addEventListener("click", function() {
    var result = confirm("您确定要提交表单吗？");

    if (result === true) {
        alert("表单已提交！");
    } else {
        alert("您取消了提交！");
    }
});

在这个示例中，当用户点击提交按钮时，会弹出一个确认框询问用户是否要提交表单。如果用户点击确认，则弹出”表单已提交！”的提示信息，否则弹出”您取消了提交！”的提示信息。

结合事件

confirm()方法也可以结合事件来实现更多的交互。例如下面的示例代码：

document.getElementById("deleteBtn").addEventListener("click", function() {
    var result = confirm("您确定要删除吗？");

    if (result === true) {
        // 执行删除操作
        alert("删除成功！");
    } else {
        alert("取消删除！");
    }
});