html5点击事件_<dialog> | HTML5 对话框标签

定义与用法

• 标签定义一个对话框、确认框或窗口。

• 标签有一个一个名为open的属性

• 标签是 HTML 5 的新标签。

---

语法格式

……

---

示例代码

<div>  
<dialog id="myFirstDialog" style="width:50%;background-color:#F4FFEF;border:1px dotted black;">  
<p><q>床前明月光，疑是地上霜。举头望明月，低头思故乡。q> - <cite>李白cite>p>  
<button id="hide">关闭button>  
dialog>  

<button id="show">打开button>  
div>  

  
<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>  

---

效果展示：

---

浏览器支持

37.0	No	59.0	6.0	24.0

表格中的数字表示支持该元素的第一个浏览器版本号。

---

专有属性

 : HTML5 中的新属性。

属性	值	描述
open	open	规定 dialog 元素是有效的，用户可以与它进行交互。

---

全局属性

标签支持 HTML 中的全局属性。

---

事件属性

标签支持 HTML 中的事件属性。