模式化窗口window.showModalDialog的使用说明

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

首先看看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叫非模式化窗口,可以进行切换的,所以根据所需来使用吧~

猜你喜欢

转载自blog.csdn.net/qq_19260033/article/details/79947766
今日推荐