最近公司用了一个老掉牙的弹窗模式——模式化弹窗，拿出来说说吧~

首先看看API，第一句话说的就是：已废弃，但是有时候用不用这个，不是你说了算了啊，咋还得听老大的是不，接下来主要说下showModalDialog()的功能把，以下都是从API的说明中获取到的信息

使用说明

创建一个包含HTML文档的模式化弹出窗口，弹出框后，不能切换到父窗口，但可以父、子窗口互相传递数据

使用模式

returnVal= window.showModalDialog(uri[,arguments][,options]);

参数说明

retuunVal： 模式化窗口中返回的值，即：window.returnValue设置的值

uri：模式化窗口的HTML或jsp文档路径

arguments：父画面传递给dialog的值，即：window.dialogArguments

options：弹出框属性的设置，下图为API给出的几个属性设置

效果展示

但这个东西，目前很多浏览器都不支持，比如google、Edge、高版本的浏览器，用起来很不方便。

因为这东西叫模式化窗口，也可以叫阻态窗口，就是不可以切换到父窗口进行操作，而window.open叫非模式化窗口，可以进行切换的，所以根据所需来使用吧~

喜欢的小伙伴们，点一波关注哦，有疑问的童鞋可以下方留言哈~~