JavaScript 对话框

JavaScript 对话框是一种提供互动性和信息交流功能的简单窗口。它可以用来提示和警告用户，询问用户的意见和输入等。

在 JavaScript 中，我们可以使用三种不同类型的对话框：警告框、确认框和提示框。

警告框

警告框是用来显示一条警告信息的对话框。它通常用于表示用户无法完成某个操作或出现了错误。

示例代码：

alert("这是一个警告框！");

该代码会弹出一个警告框，其中包含指定的警告信息。警告框只有一个“确定”按钮，用户只能点击它来关闭对话框。

确认框

确认框是用来询问用户是否同意执行某个操作的对话框。它包含一个提示消息和两个按钮：“确定”和“取消”。

示例代码：

if (confirm("是否删除该文件？")) {
  console.log("文件已删除。");
} else {
  console.log("操作已取消。");
}

该代码会弹出一个确认框，询问用户是否删除文件。如果用户点击“确定”按钮，代码会输出“文件已删除。”；如果用户点击“取消”按钮或关闭对话框，代码会输出“操作已取消。”。

提示框

提示框是用来让用户输入信息的对话框。它包含一个提示消息、一个输入框和两个按钮：“确定”和“取消”。

示例代码：

var name = prompt("请输入你的名字：", "小明");
if (name != null) {
  console.log("你好，" + name + "！");
}

该代码会弹出一个提示框，让用户输入姓名。如果用户点击“确定”按钮并输入姓名，代码会输出“你好，XXX！”；如果用户点击“取消”按钮或关闭对话框，代码不做任何操作。

以上就是 JavaScript 对话框的基本介绍和示例代码。您可以根据需要在自己的项目中使用对话框来增强用户的互动性和体验。

参考资料

• JavaScript 对话框