原生alert()、confirm()、prompt()仅适用于调试或简单确认，因阻塞执行、无法定制样式且移动端体验差，正式项目应使用自定义弹窗或dialog-polyfill等方案。
用 alert() 快速弹出提示框
最直接的方式是绑定 onclick 事件调用原生 alert()。它不需要额外依赖，适合调试或简单确认场景。
常见错误是忘记加引号导致语法报错，比如写成 onclick=alert(Hello)（应为 onclick="alert('Hello')"）。
- 只支持纯文本，不能插入 HTML 标签或按钮
- 会阻塞页面交互，用户必须点“确定”才能继续操作
- 在移动端上样式不可控，部分浏览器会降级为系统原生弹窗
<button onclick="alert('操作已提交')">提交</button>
用 confirm() 实现带“确定/取消”的选择弹窗
当需要用户做二选一时，confirm() 比 alert() 更合适，它返回布尔值，可直接用于条件判断。
注意：它的返回值是 true（点确定）或 false（点取消），不是字符串，别写成 if (confirm(...) === 'true')。
- 同样阻塞执行，不适合复杂交互流程
- 无法自定义按钮文字，“确定”和“取消”是固定文案
- 建议只用于低风险操作确认，比如“删除当前项？”
<button onclick="if (confirm('确定要删除？')) { console.log('已删除'); }">删除</button>
用 prompt() 获取单行用户输入
prompt() 弹出带输入框的对话框，适合快速收集简短信息（如用户名、ID）。返回值是用户输入的字符串，或 null（点取消或关闭）。
容易被忽略的是：空字符串（只按回车）和 null 是两种不同情况，需分别处理。
- 不支持多行输入、占位符、校验或样式定制
- 现代项目中基本被表单替代，仅建议用于临时调试
- 在某些浏览器或安全策略下可能被禁用（如 iframe 中）
<button onclick="const name = prompt('请输入姓名'); if (name !== null) { console.log('姓名：', name); }">录入姓名</button>
为什么不用原生弹窗做正式功能？
因为 alert/confirm/prompt 都是同步阻塞式 API，会冻结整个页面 JS 执行栈，且完全无法定制样式、位置、动画或键盘行为（比如按 Esc 关闭）。
真实项目中，更推荐用 div + CSS + JS 模拟弹窗，或者引入轻量库如 dialog-polyfill（适配原生 <dialog></dialog> 元素）。
如果只是想快速验证逻辑，原生函数够用；但只要涉及用户体验、多步骤流程或响应式布局，就得切到自定义方案——这点常被初学者拖到联调阶段才意识到。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
