前端之家收集整理的这篇文章主要介绍了
js模态对话框使用方法详解，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_403_0@模态框（Modal Dialogue Box）也可叫做模态对话框，或者对话框，当一个模态框被打开时，用户可以与该对话框进行交互，点击关闭按钮可关闭该模态框！
@H_
403_0@
@H_
403_0@1.
页面上有一个按钮，用于打开模态框，模态框默认隐藏；
@H_
403_0@2.
用户点击按钮，可打开模态框；
用户点击模态框中的
关闭或者点击
页面其他地方可
关闭该模态框
@H_
403_0@✦ 点击
页面其他地方，
关闭模态框，可用window.onclick事件
@H_
403_0@✦ 给
关闭按钮绑定点击事件，按钮被点击，模态框Modal
添加样式display：none;
@H_
403_0@✦ 给button按钮绑定点击事件，当按钮被点击时，模态框Modal
添加样式display:block;
@H_
403_0@✦ 先
获取页面上的button按钮，
关闭按钮，以及模态框Modal
@H_
403_0@
代码实现：
