showmodal()是唯一能激活完整模态行为的方法；它自动插入::backdrop、锁定焦点、响应esc和点击遮罩，而open属性或show()仅控制可见性，不触发模态协议。
showModal() 是唯一能激活模态行为的方法
直接写 <dialog open></dialog> 只会让元素“可见”，但不会触发任何模态逻辑：没有灰色遮罩（::backdrop）、Tab 键能穿透到背景、Esc 键无响应、点击遮罩也不关闭。它本质上等价于一个带 display: block 的 <div>，只是浏览器内置了这个标签的默认隐藏规则。
<p><code>showModal() 则完全不同——它不是“让 dialog 显示”这么简单，而是把该元素推入浏览器原生模态栈：自动插入 ::backdrop、禁用背景焦点、将焦点锁定在 dialog 内、响应 Esc、并在关闭时自动释放焦点锁。这些行为无法用 CSS 或 JS 模拟完整，尤其是焦点隔离和 backdrop 渲染时机。
- 调用前必须确保元素已挂载到
document.body，否则报DOMException: The element does not have a namespace - 必须在
DOMContentLoaded之后获取元素，否则document.querySelector('dialog')返回null，导致showModal()报Cannot read property 'showModal' of null - 重复调用会抛
DOMException: The element is already open，应先检查modal.open状态
open 属性只是初始化开关，不是控制接口
open 是布尔属性，仅在 HTML 解析阶段起作用。写成 <dialog open></dialog> 或 <dialog open=""></dialog> 效果一样，但它不激活模态协议，也不影响后续 JS 控制逻辑。
你不能靠 dialog.open = false 关闭弹窗——这只会移除 open 属性，但 dialog 仍处于模态状态（如果之前调过 showModal()），遮罩还在，焦点仍被锁住。真正关闭必须调用 dialog.close()。
-
dialog.open = true不等于showModal()：前者没遮罩、没焦点管理、不响应 Esc - 设
dialog.open = false后，dialog.open返回false，但视觉上可能还“开着”，因为showModal()已接管状态 - 想实现“页面加载即弹出”，不能只靠
open，必须等 DOM 就绪后调showModal()
show() 方法几乎没实际用途
show() 和 showModal() 名字相近，但行为差异极大：show() 仅设置 open 属性为 true，不触发任何模态协议。它适合 tooltip、状态提示这类轻量浮层，但绝不该用于登录框、确认弹窗等需要阻断用户操作的场景。
用 show() 打开的 dialog，点击 ::backdrop 不会触发 close 事件（因为它根本没生成 ::backdrop），也无法通过 Esc 关闭，所有交互逻辑都得自己补全——等于放弃原生能力，又没获得完全控制权。
- 它不自动聚焦，不拦截 Tab，不阻止背景滚动
- 无法监听
close事件来统一清理状态（比如重置表单） - 在 Safari 中表现更不稳定，尤其旧版本（iOS 16.4 之前）可能静默失败
关闭必须用 close()，且要监听 close 事件
无论用户按 Esc、点击 backdrop 还是主动调用 dialog.close()，浏览器都会内部触发 close 事件。这是唯一可靠的统一入口，用来做清理工作（如重置表单、恢复按钮状态、发埋点）。
别在按钮里只写 onclick="dialog.close()"，这样漏掉了另外两种关闭路径。也别用 dialog.open = false 或 dialog.hidden = true，它们不移除 backdrop，不释放焦点锁，也不触发 close 事件。
-
dialog.returnValue在close('confirmed')后才可读，未传参时是空字符串''，不是undefined - 点击 backdrop 关闭需手动监听
close事件，因为::backdrop是伪元素，点击它不会冒泡到<dialog></dialog>或body - Safari 对
::backdrop支持差，降级方案要考虑点击外部区域关闭的 fallback
showModal() 触发，其余方式都是“看起来像弹窗”的假象。最容易被忽略的是：它对 DOM 挂载时机极其敏感，且关闭路径不止一种——不监听 close 事件，就永远不知道用户是怎么关掉它的。
