我们有多少种不同类型的 JS 警报？

在 JavaScript 中，我们可以使用 alert() 函数来创建警报框，以便向用户显示消息。但实际上，JavaScript 中有多种不同类型的警报框，下面我们一一来介绍它们。

基本警报框

基本警报框就是我们最熟悉的 alert() 函数创建的警报框，用于显示一条消息并等待用户关闭。

alert('Hello, world!');

确认框

确认框用于向用户显示一条消息，并要求用户选择“确定”或“取消”。如果用户单击“确定”按钮，确认框将返回 true，如果用户单击“取消”按钮，确认框将返回 false。

if (confirm('Are you sure you want to delete this item?')) {
  // 用户单击了“确定”按钮
  // 执行删除操作...
} else {
  // 用户单击了“取消”按钮
  // 取消删除操作...
}

提示框

提示框用于向用户显示消息，并要求用户输入一些文本。如果用户单击“确定”按钮，提示框将返回用户输入的文本，如果用户单击“取消”按钮，提示框将返回 null。

var name = prompt('请输入你的名字：');

if (name) {
  alert('你好，' + name + '！');
} else {
  alert('你没有输入名字！');
}

系统警报

除了上面介绍的几种警报框，还有一些旨在通过操作系统或浏览器向用户显示消息的警报框。例如：

// 打印页面
window.print();

// 关闭窗口
window.close();

这些警报框与 JavaScript 本身无关，它们依赖于操作系统或浏览器来执行。因此，它们在不同的操作系统和浏览器中可能具有不同的行为。

小结

JavaScript 中有多种不同类型的警报框，包括基本警报框、确认框、提示框和系统警报框。了解这些警报框是非常重要的，因为它们可以帮助我们向用户提供更好的用户体验。