js确认框|极客笔记

js确认框

在网页开发中，经常会遇到需要用户确认某个操作的情况，比如删除操作、提交表单等。这时就需要弹出一个确认框来让用户确认操作。JavaScript提供了confirm()方法来实现这个功能。

confirm()方法的语法

confirm()方法用于显示一个带有指定消息和确认按钮的对话框，并返回一个布尔值，表示用户是否点击了确认按钮。

语法如下：

confirm(message)

其中message是要显示在对话框中的消息内容，通常是一段提示文字。

confirm()方法的返回值

当用户点击确认按钮时，confirm()方法返回true；当用户点击取消按钮时，返回false。

下面是一个简单的示例，展示了如何使用confirm()方法：

let result = confirm("您确定要删除这条记录吗？");

if (result) {
    alert("删除成功！");
} else {
    alert("取消删除！");
}

在这个示例中，当用户点击确认按钮时，会弹出一个提示框显示”删除成功！”；当点击取消按钮时，会弹出一个提示框显示”取消删除！”。

confirm()方法的实际应用

confirm()方法通常用于需要用户确认的操作，比如删除操作。在实际开发中，我们可以在点击删除按钮时，弹出确认框让用户确认是否删除。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>确认框示例</title>
</head>
<body>
    <button onclick="confirmDelete()">删除记录</button>

    <script>
        function confirmDelete() {
            let result = confirm("您确定要删除这条记录吗？");

            if (result) {
                alert("删除成功！");
                // 这里可以编写删除记录的逻辑
            } else {
                alert("取消删除！");
            }
        }
    </script>
</body>
</html>

当用户点击”删除记录”按钮时，会弹出一个确认框询问是否删除。如果点击确认按钮，则会弹出提示框显示”删除成功！”；如果点击取消按钮，则会弹出提示框显示”取消删除！”。