原文地址：认识新的Dialog元素作者：Keith不到一个月前，HTML5.2正式成为W3C推荐标准（REC），其中有一个新的原生模态对话框元素其中open属性表示此时dialog是可见的。如果没有打开，对话框将被隐藏。可以使用JavaScript来转换出现，此时对话框呈现如下绝对定位在页面上方，如我们所料，出现在内容上方，并且水平居中，默认和内容一样宽基本操作JavaScript有几个方法和属性可以很方便的处理对话框元素，用的最多的是showModal()和close()constmodal=document.querySelector('dialog');//使modal出现(adds`open`属性)modal.showModal();//隐藏模态（移除`open`属性）modal.close();当你使用showModal()打开对话框时，会在对话框周围添加一个阴影，以防止用户与非diglog元素进行交互，默认情况下，阴影是完全透明的，你可以使用CSS修改它按Esc来关闭对话框，也可以提供一个按钮来触发close()还有一个方法show()，也可以让对话框可见，但不像showModal()，它没有阴影，用户可以与非-对话框元素。浏览器支持和Polyfill目前只有chrome支持
