JavaScript 三种常用弹出框：alert、confirm 与 prompt 详解

首先是提示框，使用 alert 方法。该方法主要用于向用户展示提示信息，执行后不会返回任何值。例如：alert('你好'); 会弹出一个包含“你好”文字的对话框，用户点击确定后继续执行后续代码。

// 没有返回值
alert('你好');

其次是确认框，使用 confirm 方法。此方法用于询问用户是否执行某项操作，其返回值取决于用户的点击行为：若用户点击“确定”，则返回 true；若点击“取消”，则返回 false。开发者可根据返回值判断用户意图，例如在删除操作中确认用户是否真正希望执行删除。

// 返回 false/true
let res = confirm('确定删除？');
if(res == true) {
　　console.log('点击了确认')
}else{
　　console.log（'点击了取消'）
}

最后是输入框，使用 prompt 方法。该方法允许用户输入文本，并返回用户输入的内容；若用户点击取消或未输入任何内容（且未设置默认值），则返回 null。prompt 方法支持第二个可选参数，用于指定输入框的默认值。例如：var ret = prompt('请输入您的年龄', 23); 将显示一个默认值为 23 的输入框，用户输入后可根据返回值进行后续处理。

// 返回用户输入的值或null, 第二个值为指定的默认值(可选)
var ret = prompt('请输入您的年龄', 23);
if(ret !== null && ret != '') {
　　x = '我的年龄是' + ret + '岁'
}
document.write(x)

至此，关于 JavaScript 中常用的三种弹出框（alert、confirm、prompt）的介绍已完成。如需了解更多相关技术内容，建议查阅本站往期文章或继续浏览后续章节，感谢支持。