confirm()返回布尔值决定是否继续执行，无法自定义样式，会阻塞js线程；需用return传递结果，现代替代方案为元素，但兼容性有限。

点击按钮触发 confirm 弹窗

直接在 onclick 里调用 confirm()，返回 false 就能阻止默认行为（比如表单提交或链接跳转）。关键不是“弹窗”，而是“弹完后怎么决定是否继续执行”。

• confirm("确定要删除吗？") 返回 true（点“确定”）或 false（点“取消”）
• 必须用 return 把结果传出去，否则不管用户点啥都会执行后续逻辑
• 常见写法：<button onclick="return confirm('确定删除？')">删除</button>
• 如果按钮是 <a href="/delete?id=123"></a> 类型，return false 才能真正阻止跳转

confirm 在现代浏览器里不能自定义样式

confirm() 是浏览器原生 API，所有参数只有提示文字，不接受按钮文本、颜色、图标等任何定制。别试图用 CSS 覆盖它——无效。

• Chrome、Firefox、Safari 都强制使用系统级对话框，连字体大小都不可改
• 如果需要“删除”“取消”文字不同，或加图标、强调色，必须用 DOM 模拟弹窗（比如 dialog 元素或第三方库）
• confirm() 的唯一优势：无需额外依赖、兼容性极好（IE6 都支持）

替代方案：用

实现可定制删除确认

想控制外观或加动画？<dialog></dialog> 是目前最轻量的原生方案，但需注意兼容性和显隐逻辑。

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

• HTML 结构：<dialog id="del-confirm"><p>确定删除这条记录？</p> <button id="confirm-btn">删除</button><button id="cancel-btn">取消</button></dialog>
• JS 控制：document.getElementById("del-confirm").showModal() 显示，.close() 关闭
• 必须手动绑定按钮事件：confirm-btn 触发真实删除操作，cancel-btn 只调 .close()
• 注意：Safari 15.4+ 才完全支持 showModal()，旧版本需 polyfill 或降级回 confirm()

confirm 会阻塞页面 JS 执行

这是最容易被忽略的副作用：弹窗期间，整个页面 JS 线程冻结，计时器、动画、网络请求回调全部暂停，直到用户点完“确定”或“取消”。

• 如果删除前有 setTimeout 或 fetch 请求，它们不会被取消，只是延后执行
• 在单页应用（如 React/Vue）里，confirm() 可能导致组件状态不同步（比如弹窗时用户切了 tab，回来再点，状态已变）
• 高频操作场景（如批量删除多条）慎用，连续弹多个 confirm 体验极差，也容易误点

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！