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

原创 2018年04月15日 11:31:05

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

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_19260033/article/details/79947766

VB中获取逻辑磁盘的信息

我们在编程的时候有时会需要得到系统中逻辑磁盘的一些信息,如磁盘卷标、磁盘序列号、空间大小、剩余空间等,这些信息直接使用VB提供的函数显然是无法得到的。但是,借助于VB对WINDOWS API函数的支持...
  • jadedrip
  • jadedrip
  • 2000-11-08 22:20:00
  • 1081

easyui创建模式化窗口

/*        创建一个模式化Dialog        */         var modalDialog = function (options) {             //m...
  • sammy520
  • sammy520
  • 2016-03-23 18:17:40
  • 1230

div+css+javascript 实现模式化窗口

今天项目中要实现一个模式化窗口,虽然easyUi有这个控件,但是只为了一个模式化窗口效果还不至于引入整个easyUi库,否则那样就太浪费资源了。 于是乎在网上找到了一位大神的代码,原文出处我找不到了,...
  • sinat_14857011
  • sinat_14857011
  • 2014-11-27 16:50:48
  • 987

模式窗口 window.showmodaldialog 总结

最近有个需求,就是要在一个图像插件上面,需要弹出一个窗口,在弹出的窗口之上又的弹出一个模式窗口。然后我用到了window.showmodaldialog 方法 1.参数 showModalDial...
  • u010033129
  • u010033129
  • 2017-05-22 15:43:57
  • 1748

js中window.open()和window.showModalDialog()窗体大小设置

function openwin(url,wh,hg,lf,tp)     {           var xLeft=(window.screen.width-wh)/2;       va...
  • huiwenjie168
  • huiwenjie168
  • 2012-02-10 16:59:07
  • 5334

遇到window.showModalDialog模态框的两个问题

1.导出Excel 此时正常点击导出Excel事件时,没有任何反应,在百度上搜到答案,可以在模态框中加入iframe,将会弹出的新窗口指向这个iframe,并将此iframe设置为不可见 在中将上...
  • funfun17
  • funfun17
  • 2016-04-06 21:50:51
  • 698

window.showModalDialog弹出对话框刷新问题的总结

window.showModalDialog刷新父窗口和本窗口的方法及注意: 一.刷新父窗口的方法: A.使用window.returnValue给父窗口传值,然后根据值判断是否刷新。 ...
  • luozhihuinet
  • luozhihuinet
  • 2016-03-09 08:07:26
  • 1992

居中 window.open 与 window.showModalDialog

var iWidth = window.screen.availWidth - 350;        //弹出窗口的宽度;             var iHeight = window.scr...
  • zh521zh
  • zh521zh
  • 2016-04-11 19:40:04
  • 691

js打开模式化窗口

http://www.w3.org/1999/xhtml">
  • javazilu
  • javazilu
  • 2017-04-19 14:27:16
  • 74

[学习笔记]window.showModalDialog窗口跳转取值

/主页面     var params="&viewUID=PerformanceEvaSettingSelectConpayView&mode=preview&conpayobj="+obj; ...
  • u010388781
  • u010388781
  • 2016-04-16 13:31:29
  • 514
收藏助手
不良信息举报
您举报文章:模式化窗口window.showModalDialog的使用说明
举报原因:
原因补充:

(最多只允许输入30个字)