从Chrome 37开始，支持dialog标签啦！ 我在Chrome canary38.0.2119.0下，直接在w3ctech网站上，使用开发者工具进行测试，效果如下：

代码如下：

<dialog>
  <p>This is da dialog!</p>
  <button id="close">Close</button>
</dialog>
<button id="show">Open Dialog!</button>
<script>
  var dialog = document.querySelector('dialog');
  document.querySelector('#show').onclick = function() {
    dialog.show();
  };
  document.querySelector('#close').onclick = function() {
    dialog.close();
  };
</script>

从以上代码和效果可以看出，dialog除了有默认的样式外（作为HTML元素，当然我们也可以为他增加自定义样式），同时在JS API上，支持show和close方法。

这样一来，就让我们以后的开发工作更简单了。

扫码关注w3ctech微信公众号