7： 如果有两个 dialog 元素，都调用 show 方法，在 html 结构中，后面的 dialog 会永远覆盖在前面的那个上层（不管那个 dialog 先调用了 show 方法）。
8： showModal 的显示，背后会有遮罩层，显示层级是浏览器 webview 级别的，怎么理解呢，你可以设置一个元素，级别非常高，在使用 showModal 显示出 dialog 属性后， dialog 都是在最前面的，这一点特别适合做模态框，肯定不会在弹出框出现之后，出现层级混乱的情况。
9： showModal 只能调用一次，这里的一次是说，如果 dialog 在显示状态，那么在再次调用 showModal ，就会报错，并且不能直接执行，或者说，只要 open 属性存在的情况下，再次调用，都会报错，所以还是使用默认的 open 属性来做 dialog 的显示隐藏更好。
10： 如果页面上有两个 dialog 元素，都在调用 showModal 方法的话，不论他们在 HTML 中的结构，后调用的 dialog 的层级会高于之前调用的 dialog 的层级。
11： dialog.returnVlaue 的取值，是 dialog.close(string) 调用时传入的值，只支持字符串，只有在 dialog 的显示的情况下，调用 dialog.close 传入的值，才有效。
12： 如果一直没有在 close 中传值，那么 returnVlaue 的值为空，如果某次传值 dialog.close("1") ，再下次 show 之后， dialog.close() 关闭， returnVlaue 依然等于“1”。
13： open 的返回值是： true/false 。
4. 支持的默认事件
dialog 还有一个好处就是，它支持出 click 等基础事件之外的，额外两个针对于 dialog 的特殊事件：
| var dialog = document.getElementById("dialog"); // 假设页面中，有一个id=dialog的dialog标签 // 当调用close方法时 dialog.onclose = function(){}; // 当在pc端按下esc按键时。不过在chrome版本之后，好像不管用了。 dialog.oncancel = function(){}; |
现在来看一个示例： dialog 事件示例展示。
也有几个问题，这里来列举一下：
1： 只要调用 dialog.close() 来隐藏的 dialog ，才能触发 onclose 事件。
2： cancel 事件触发之后，必定会继续触发 close 事件， chrome64 版本之后， cancel 的触发，不是 esc 按键了。
3： 如果有多种关闭 dialog 的按钮，那么在每次调用 close 的时候传入不同的值，在 close 事件的回调里面，使用 returnVlaue 的取值，来判断，是哪个按钮用来触发的关闭事件。
5. 其他
前面把 dialog 的一些表现进了说明，可能有不全，不准确的情况，也可能随着时间的推移，有更新的特性出现，欢迎提出补充。
在看前面的示例时，我们也看到了一下不足的地方，比如：样式特别丑，关于这点，我们可以完全使用CSS把样式reset掉，不影响语义，和其他的任何东西，放心重构就可以了。
