JavaScript 交互方法：alert、prompt 和 confirm

JavaScript 提供了三种基本的浏览器交互方法，它们都是浏览器窗口方法（window对象的方法），可以省略window.前缀直接调用。

1. alert

alert 显示一个带有消息和"确定"按钮的模态对话框。

alert("Hello, world!");

特点：

• 显示一条消息
• 暂停脚本执行直到用户点击"确定"
• 返回 undefined

2. prompt

prompt 显示一个带有消息、输入框和"确定"/"取消"按钮的对话框。

let result = prompt("What's your name?", "Guest");

参数：

1. 显示给用户的消息（必需）
2. 输入框的默认值（可选）

特点：

• 用户点击"确定"时返回输入的值（字符串）
• 用户点击"取消"或按 Esc 键时返回 null
• 如果用户没有输入任何内容但点击了"确定"，返回空字符串 ""

3. confirm

confirm 显示一个带有消息和"确定"/"取消"按钮的对话框。

let isOk = confirm("Are you sure?");

特点：

• 用户点击"确定"时返回 true
• 用户点击"取消"或按 Esc 键时返回 false

注意事项

1. 这些方法都是模态的 - 它们暂停脚本执行，不允许用户与页面其他部分交互，直到对话框被关闭。
2. 对话框的确切外观取决于浏览器，无法自定义。
3. 在现代前端开发中，通常使用自定义模态窗口替代这些原生方法以获得更好的用户体验。
4. 这些方法在大多数服务器端JavaScript环境（如Node.js）中不可用。

示例组合使用

let age = prompt("How old are you?", 18);

if (age === null) {
  alert("You cancelled.");
} else if (age === "") {
  alert("You entered nothing.");
} else {
  let confirmed = confirm(`You entered ${age}. Is this correct?`);
  alert(confirmed ? "Confirmed!" : "Not confirmed.");
}