前台技术--window.showModalDialog带来的浏览器兼容问题
双击域的实现:http://blog.csdn.net/gaopeng0071/article/details/21179619,
继此篇博文,讲述的双击域实现,在后续发现使用window.showModalDialog模态框存在浏览器兼容性问题。
使用chrome时,会出现模态框的返回值无法返回到父页面,使用此种方式: window.returnValue
- 摘自:http://blog.csdn.net/luckzhang_la/article/details/17262421
这个方法存在浏览器兼容问题。采用ie内核的浏览器支持该方式,但采用谷歌内核的浏览器(如:Chrome)不支持。
不支持表现在window.showModalDialog()方法,采用谷歌内核的浏览器并不是打开一个模式弹出框而是window.open()。这样在弹出框里设置返回值window.returnValue="返回值";在父窗体获取时var vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])发现vReturnValue为undefined。
解决方案如下:
父页面:
详见其中第4行判断与第7行判断代码。
- function ondbGuanLianADId(){
- adId = window.showModalDialog('getAdForMac.action', null ,'dialogHeight=500px; dialogWidth=420px;');
- var strs = adId;
- if(strs==undefined){
- strs=window.returnValue;
- }
- if(strs != undefined){
- document.getElementById("guanLianADId").value = strs.split(":")[0];
- document.getElementById("guanLianADName").value = strs.split(":")[1];
- }
- }
子页面:
- function test(){
- // 解决IE与chrome浏览器版本差异问题
- if (window.opener != undefined) {
- //for chrome
- window.opener.returnValue = document.getElementById("name1").value;
- }
- else {
- window.returnValue = document.getElementById("name1").value;
- }
- window.close();
- }
参考资源:http://blog.csdn.net/luckzhang_la/article/details/17262421
前台技术--window.showModalDialog带来的浏览器兼容问题相关推荐
- php怎么兼容360浏览器,360浏览器兼容模式的页面显示不全怎么处理
这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下. 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基 ...
- 浏览器兼容:改写window.showModalDialog
以前很多网页都使用如下脚本来打开对话框,这脚本只能在IE下使用,对于某些浏览器来说完全不兼容. var returnValue = window.showModalDialog(url,'',feat ...
- showModalDialog模态对话框的使用以及浏览器兼容
ModalDialog 是什么? showModalDialog 是js window对象的一个方法, 和window.open一样都是打开一个新的页面. 区别是: showModalDialog打开 ...
- showModalDialog模态对话框的使用详解以及浏览器兼容
showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面.区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法 ...
- 高版本Chrome兼容window.showModalDialog办法
高版本Chrome兼容window.showModalDialog办法 方式一:回调 兼容方式: 由于showmodaldialog 不属于W3C标准,在新版本浏览器中不再受支持,我们需要使用wind ...
- 模态窗口 showModalDialog 浏览器兼容解决方案
无意中遇到一个老项目,遇到showModalDialog在谷歌火狐浏览器失效的问题,查了一下官方文档,发现已经废弃. 电脑端 移动端 Chrome Edge Firefox Internet ...
- 模态窗口showModalDialog的浏览器兼容解决方案
博主遇到一个项目,拿以前的项目来改的,它所用框架的版本官方已经停止维护很多年了,而且以前项目遗留的代码那是"一言难尽"啊. 用chrome调试的时候,点击一个按钮毫无反应,控制台提 ...
- Java中modal dialog,showModalDialog模态对话框的使用详解以及浏览器兼容
1.ModalDialog是什么?showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面. 区别是:showModalDialog打开子窗口后 ...
- 浏览器兼容css hack,CSS Hack技术解决多浏览器兼容问题
本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题,针对不同的浏览器写不同的CSS代码的过程,就叫CSS Hack,相信本文介绍一定会让你有所收获. CSS Hack ...
最新文章
- 情感分析:基于循环神经网络
- java实现具有修饰的完美圣诞树
- 六大基本AI术语:如何做好人工智能咨询服务?
- 8 月--菜鸟吐槽日志
- head部分关于搜索引擎
- visio画uml类图添加自定义数据类型
- java null错误事例_java – aspectJ示例中的nullpointer异常
- 一加10 Pro胖达白512GB至尊版发布 售价5799元
- C/C++(C++返回对象与应用区别,类成员的存储)
- 浅谈:python自动化测试中使用异步
- 一些在网上搜集的奇奇怪怪的bat代码。。。仅供参考!小心中招!
- Android复制文件
- linux格式化分区进程,Linux 硬盘格式化、分区、挂载、卸载、删除分区,Linux重新调整分区...
- Ps(Adobephoto shop)当中布尔运算的使用方法
- t微信小程序开发-获取微信运动步数
- java根据距离计算经纬度_Java根据两点的经纬度来计算之间的距离
- oracle账号过期和账号被锁
- 国网通信之数据通信网
- python读取特定单词_在文本python中搜索特定单词
- 焦点 | 首席数据官,城市治理新趋势