必须在 dom 就绪后调用 dialog.showmodal()，正确做法是将 script 放在 /body 前或包裹在 domcontentloaded 事件中；dialog 必须是 body 直系子元素才能确保 backdrop、焦点锁定等模态行为正常；表单提交需用 method="dialog" 或 e.preventdefault() 避免刷新；safari 存在 backdrop 点击判断失效、returnvalue 不可用等兼容性问题。

dialog.showModal() 必须在 DOM 就绪后调用，否则报 Cannot read property 'showModal' of null

常见错误是把 dialog.showModal() 写在 script 标签顶部，或未等 DOM 加载完就执行。浏览器还没解析到 <dialog id="my-dialog"></dialog>，document.getElementById('my-dialog') 就是 null。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

正确做法只有两种：

• 把 <script></script> 放在

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