alert()无法自定义样式，因其由操作系统级UI组件渲染，JavaScript无法访问其DOM；confirm()和prompt()同理不可定制但行为不同；真要自定义需用HTML+CSS+JS模拟对话框，并处理焦点、键盘导航等细节。
直接用 alert()，但别指望它能自定义样式或按钮文字——浏览器原生限制，改不了。
为什么 alert() 不能改样式？
这是浏览器强制实现的模态对话框，由操作系统级 UI 组件渲染（比如 Windows 的 MessageBox），JavaScript 完全无权访问其 DOM 或 CSS。所有试图用 CSS 覆盖、用 document.querySelector 拿到弹窗元素的操作都会失败。
常见错误现象：
– 写了 document.getElementById("myAlert") 却返回 null
– 给 alert 加 class 或 style，完全没反应
– 在 Chrome 控制台里搜不到任何与弹窗相关的 HTML 节点
替代方案：用 confirm() 和 prompt() 的适用场景
它们和 alert() 同属原生对话框，同样不可定制，但行为不同，适合不同目的：
立即学习“前端免费学习笔记（深入）”；
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
confirm("确定删除？")→ 返回true或false，适合“是/否”确认 -
prompt("请输入姓名：", "张三")→ 返回输入字符串或null（用户点取消），适合简单单行输入 - 三者都会阻塞脚本执行，页面冻结，移动端体验尤其差
- 在 Safari 的某些版本中，
prompt()可能被默认禁用（需用户手动开启）
真要自定义？得自己写 HTML + CSS + JS
绕过原生限制的唯一办法：用 div 模拟对话框，并用 position: fixed + z-index 实现遮罩与居中。关键点：
- 必须手动禁用背景滚动：
document.body.style.overflow = "hidden" - 点击遮罩层要关闭对话框，但不能误关内部表单控件（需判断
event.target === modalOverlay） - 按
Esc键关闭需监听keydown，且只在对话框显示时生效 - 焦点管理容易被忽略：打开后应
focus()到第一个可交互元素，关闭后应回到触发按钮
最小可用示例结构：
<div id="myModal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;">
<div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:white; padding:20px; border-radius:4px;">
<p>警告：操作不可撤销</p>
<button onclick="document.getElementById('myModal').style.display='none'; document.body.style.overflow='auto';">确定</button>
</div>
</div>
真正麻烦的不是写出来，而是处理键盘导航、屏幕阅读器支持、多层弹窗叠加、以及 iOS Safari 中 position:fixed 的滚动异常——这些细节不补全，用户一用就出问题。
