案例实现alert()、prompt()、confirm()、print()、close、open()功能【confirm()】显示一个带有question以及确定和取消两个按钮的模态窗口

# 1. 弹窗基础概述

弹窗在Web开发中是一种常见的交互方式，用于向用户显示信息、接受用户输入或确认用户操作。JavaScript中提供了几种常用的弹窗方法，包括alert()、prompt()和confirm()。下面我们将逐一介绍它们的基本概念和用法。

# 2. 模态窗口设计与实现

在Web开发中，模态窗口是一种常见的用户界面设计元素，用于在当前页面的上层显示一个弹出窗口，使用户集中注意力进行特定操作或交互。接下来将介绍模态窗口的概念、特点以及如何使用JavaScript中的confirm()方法创建一个带有问题和两个按钮的模态窗口。

# 3. confirm()方法详解

在JavaScript中，confirm()方法是用于显示一个带有消息和确认、取消两个按钮的对话框。下面我们将详细解释confirm()方法的使用方式和相关注意事项。

#### 3.1 如何自定义confirm()方法的内容和按钮文字

confirm()方法接受一个字符串参数，用于显示在弹窗中的消息内容。若要自定义确认和取消按钮的文本，需要根据需求进行修改。例如：

// 自定义confirm()方法的内容和按钮文字
var result = confirm("您确定要删除这条记录吗？"); // 默认确认按钮为"确定"，取消按钮为"取消"
if (result) {
    // 用户点击了确认按钮的处理逻辑
    console.log("记录已删除。");
} else {
    // 用户点击了取消按钮的处理逻辑
    console.log("用户取消了删除操作。");
}

在上面的例子中，我们展示了如何自定义confirm()方法的内容和按钮文字，并根据用户的点击结果执行相应的操作。

#### 3.2 confirm()方法的返回值及其处理方式

confirm()方法的返回值是一个布尔值，若用户点击了确定按钮，则返回true；若用户点击了取消按钮，则返回false。开发人员可以根据返回值来判断用户的选择并执行相应的操作。示例代码如下：

// 判断用户的选择并执行相应的操作
var result = confirm("您确定要继续吗？");
if (result) {
    console.log("用户选择了继续操作。");
    // 执行继续操作的逻辑
} else {
    console.log("用户取消了操作。");
    // 执行取消操作的逻辑
}

通过对confirm()方法返回值的处理，可以根据用户的选择来动态地处理