最简实现是直接在按钮加 onclick 属性，如 点我，但不推荐生产使用；推荐用 addeventlistener 分离 html 与 js；alert() 阻塞交互，confirm() 返回布尔值用于确认，prompt() 返回字符串或 null；原生弹窗样式不可控、移动端不稳定，复杂交互应使用 dom 模态框。
点击按钮触发 alert() 最简实现
直接在按钮上加 onclick 属性是最快速的方式，适合调试或临时提示。但注意：它把 JS 逻辑硬写在 HTML 里，不利于维护和复用。
- 写法：
<button onclick="alert('点我了！')">点我</button> - 不推荐用于生产环境，尤其当弹窗内容需要动态计算、或要兼容多个按钮时
-
alert()会阻塞页面交互，用户必须点“确定”才能继续操作，体验生硬
用 addEventListener 绑定按钮更可控
这是现代写法的标准做法，把 HTML 和 JS 分离，方便后续扩展逻辑（比如改成 confirm() 或自定义弹窗）。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- HTML 中只保留干净的按钮：
<button id="myBtn">打开弹窗</button> - JS 中获取元素并监听：
document.getElementById('myBtn').addEventListener('click', function() { alert('按钮被点了'); }); - 如果按钮是动态生成的，要用事件委托，监听父容器而非按钮本身
prompt() 和 confirm() 的实际差异
这三个原生弹窗函数行为不同，选错会导致逻辑出错或用户体验断裂。
-
alert()：只显示消息，返回undefined，适合纯提示 -
confirm()：显示确认框，用户点“确定”返回true，点“取消”返回false，常用于删除前二次确认 -
prompt()：弹输入框，用户输入后返回字符串（取消或关闭时返回null），注意空字符串和null要分开判断
为什么别依赖原生弹窗做复杂交互
原生弹窗（alert/confirm/prompt）由浏览器控制，样式无法定制，且在移动端表现不稳定——部分 iOS 版本会禁用 prompt()，PWA 环境下也可能被拦截。
- 真正需要输入或选择时，优先用 DOM 构建的模态框（modal），配合
focus()和键盘事件（如Escape关闭） - 若只是简单反馈，
console.log()+ 页面内 Toast 提示比打断式弹窗更友好 - 测试时记得关掉广告拦截插件，某些插件会静默屏蔽
alert()调用
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
