HTML <dialog> 标签的 open 属性 详解
HTML基础 2022-06-02 11:59:59小码哥的IT人生shichen
HTML <dialog> 标签的 open 属性
实例
使用 <dialog> 元素：
<dialog open>这是一个打开的对话窗口</dialog>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>dialog 元素</h1>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<dialog open>这是一个打开的对话窗口</dialog>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p><b>注释：</b>Safari 和 Edge（79 之前的版本）不支持 dialog 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
open 属性是一个布尔属性。
若设置，它规定 dialog 元素处于活动状态并且用户可以与之交互。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| open | 37.0 | 79.0 | 53.0* | 不支持 | 24.0 |
* 默认不支持，但可以在 about:config 中启用（将 dom.dialog_element.enabled 设置为 true）。
语法
<dialog open>