案例实现alert()、prompt()、confirm()、print()、close、open()功能【open()】打开文档流中的对话框，与浏览器中的对话框不同，无法定制样式

# 1. 引言

- 简要介绍JavaScript中的常用对话框功能
- 说明本文的研究目的和范围

# 2. 案例实现alert()功能

在本章中，我们将详细介绍如何通过JavaScript实现alert()功能，包括基本语法、用法以及与浏览器默认alert()对话框的比较。让我们深入探讨。

# 3. 案例实现prompt()功能
prompt()功能是JavaScript中常用的对话框功能之一，用于接收用户的输入。下面我们将详细介绍prompt()功能的基本语法和用法，并演示如何在文档流中处理prompt()对话框的输入。

#### 1. prompt()功能的基本语法和用法
我们可以使用prompt()函数来弹出一个对话框，提示用户输入信息，并将输入内容返回给JavaScript代码。其基本语法如下：

var userInput = prompt("请输入您的姓名:", "Alice");

- 第一个参数是提示消息，显示在对话框上；
- 第二个参数是可选的默认输入值；
- 用户输入的内容将被存储在变量`userInput`中。

#### 2. 演示如何在文档流中处理prompt()对话框的输入
下面是一个简单的案例，演示如何使用prompt()功能并处理用户的输入：

var userName = prompt("请输入您的姓名:", "Alice");
if(userName !== null){
    alert("您好，" + userName + "，欢迎访问我们的网站！");
} else {
    alert("您取消了输入！");
}

在上面的代码中，我们首先使用prompt()函数获取用户输入的姓名，然后根据用户的操作进行相应的提示。

#### 3. 与浏览器默认prompt()对话框的差异
值得注意的是，通过JavaScript自定义的prompt()对话框外观和功能在不同浏览器下可能会有所差异，因此在实际开发中需要注意兼容性和用户体验。另外，浏览器默认的prompt()对话框通常风格统一，使用系统默认样式，有时无法自定义按钮和布局。

通过以上内容，我们可以更好地理解prompt()功能在JavaScript中的应用和特点，以及与浏览器默认对话框的异同之处。

# 4. 案例实现confirm()功能

在Web开发中，confirm()函数通常用于在用户执行重要操作前进行确认，以确保用户意识到操作的后果并确认是否继续。下面将详细介绍如何实现confirm()功能，并与浏览器默认的confirm对话框进行比较。

#### confirm()功能的基本语法和用法

在JavaScript中，使用confirm()函数可