HTML<dialog>标签
HTML<dialog>标签作用
HTML <dialog>标记用于
在网页上创建新的弹出<dialog>。此标记表示<dialog>或其他交互式组件，例如window。
<dialog>元素使用一个名为open的布尔属性，该属性会激活元素并方便用户与之交互。
HTML<dialog>是HTML5中引入的新标记。
HTML<dialog>标记示例
<div>
<dialog id="myFirstDialog" style="width:50%;background-color:#F4FFEF;border:1px dotted black;">
<p><q>您好，欢迎来到立地货平台学习html知识。
</q></p>
<button id="hide">关闭</button>
</dialog>
<button id="show">显示 Dialog</button>
</div>
<!-- JavaScript提供"显示/关闭"功能 -->
<script type="text/JavaScript">
(function() {
var dialog = document.getElementById('myFirstDialog');
document.getElementById('show').onclick = function() {
dialog.show();
};
document.getElementById('hide').onclick = function() {
dialog.close();
};
})();
</script>
输出:
HTML<dialog>标记还支持HTML中的全局和事件属性。
支持浏览器
| 标签 |
 |
 |
 |
 |
 |
| <dialog> |
支持 |
支持 |
支持 |
支持 |
支持 |
