JavaScript 弹出框

JavaScript 有三种弹出框：警告框、确认框和提示框。

警告框

如果您想确保信息传递给用户，通常会使用警告框。当弹出警告框时，用户必须单击“确定”才能继续。

用法：

window.alert("提示信息");

window.alert() 方法可以省略 window 前缀。

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

确认框

如果希望用户可以接受或不接受某些内容，通常会使用确认框。

当弹出确认框时，用户必须单击 确定 或 取消 才能继续。

如果用户单击 确定 按钮，返回 true。如果用户单击 取消 按钮，返回 false。

用法：

window.confirm("请确认是否继续？");

window.confirm() 方法可以省略 window 前缀。

if (confirm("请根据需要按下按钮")) {
  txt = "你点击了 确定 按钮";
} else {
  txt = "你点击了 取消 按钮";
}

提示框

如果希望用户输入一个值后再继续，通常会使用提示框。

当弹出提示框时，用户输入值后单击“确定”或“取消”才能继续。

如果用户单击“确定”，该框将返回输入值。如果用户单击“取消”，则该框返回 null。

用法：

window.prompt("提示信息", "默认值");

提示框接受两个参数，第 1 个参数是提示信息， 第 2 个参数是输入框的默认值。

window.prompt() 方法可以省略 window 前缀。

let person = prompt("请输入你的姓名", "张三");
let text;
if (person == null || person == "") {
  text = "用户取消了输入";
} else {
  text = "你好 " + person + "! 最近还好吗？";
}

换行符

要在弹出框中显示换行符，请使用换行符 \n。

alert("嘿\n你好吗？");