js中有哪些类型的弹出框？

在JavaScript和前端开发中，有几种常见的弹出框（或称为对话框）类型。这些弹出框可以帮助你与用户进行交互，提供信息，或者请求输入。以下是一些主要的类型：

警告框（Alert）：
alert() 函数是JavaScript中最简单的弹出框类型。它显示一个带有指定消息和OK按钮的警告框。例如：
```
alert("这是一个警告框！");
```
确认框（Confirm）：
confirm() 函数显示一个带有指定消息和OK及取消按钮的对话框。此方法将返回一个布尔值，可以通过这个返回值判断用户点击了哪个按钮。例如：
```
var result = confirm("这是一个确认框，点击确定或取消");
if (result) {
    alert("你点击了确定按钮");
} else {
    alert("你点击了取消按钮");
}
```
提示框（Prompt）：
prompt() 函数显示一个带有指定消息和文本输入框的对话框，用户可以在输入框中输入内容。此方法将返回用户输入的文本。例如：
```
var userInput = prompt("这是一个提示框，请输入一些文本", "默认文本");
alert("你输入的内容是: " + userInput);
```
模态框（Modal）：
模态框不是JavaScript原生提供的，但它是前端开发中非常常见的一种自定义弹出框。模态框通常是一个HTML结构，通过CSS进行样式设计，并使用JavaScript（或前端框架如Bootstrap、jQuery UI等）来控制其显示和隐藏。模态框可以包含更复杂的内容，如表单、图片、列表等，并提供更丰富的交互功能。
上下文菜单（Context Menu）：
上下文菜单是一种在用户执行特定操作（如右键点击）时出现的弹出菜单。虽然它不是传统意义上的“弹出框”，但它也提供了一种与用户交互的方式。你可以使用HTML、CSS和JavaScript来创建自定义的上下文菜单。
工具提示（Tooltip）：
工具提示是小型弹出框，通常用于显示有关页面上某个元素的额外信息。当用户将鼠标悬停在特定元素上时，工具提示就会出现。它们可以通过纯HTML/CSS实现，也可以通过JavaScript库（如jQuery UI的Tooltip插件）来增强功能。
通知（Notifications）：
现代浏览器提供了Web Notifications API，允许网页在用户桌面上显示通知。这些通知是操作系统级别的，即使用户不在浏览器标签页上，也可以看到这些通知。它们通常用于提醒用户有关更新、消息或其他重要信息。
弹出窗口（Pop-up Windows）：
使用window.open()方法可以打开一个新的浏览器窗口或标签页，这有时也被视为一种“弹出框”。然而，由于滥用弹出窗口可能导致用户体验下降，因此现代浏览器通常包含弹出窗口拦截功能。