双击域的实现: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行判断代码。

  1. function ondbGuanLianADId(){
  2. adId = window.showModalDialog('getAdForMac.action', null ,'dialogHeight=500px; dialogWidth=420px;');
  3. var strs = adId;
  4. if(strs==undefined){
  5. strs=window.returnValue;
  6. }
  7. if(strs != undefined){
  8. document.getElementById("guanLianADId").value = strs.split(":")[0];
  9. document.getElementById("guanLianADName").value = strs.split(":")[1];
  10. }
  11. }

子页面:

  1. function test(){
  2. // 解决IE与chrome浏览器版本差异问题
  3. if (window.opener != undefined) {
  4. //for chrome
  5. window.opener.returnValue = document.getElementById("name1").value;
  6. }
  7. else {
  8. window.returnValue = document.getElementById("name1").value;
  9. }
  10. window.close();
  11. }

参考资源:http://blog.csdn.net/luckzhang_la/article/details/17262421

前台技术--window.showModalDialog带来的浏览器兼容问题相关推荐

  1. php怎么兼容360浏览器,360浏览器兼容模式的页面显示不全怎么处理

    这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下. 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基 ...

  2. 浏览器兼容:改写window.showModalDialog

    以前很多网页都使用如下脚本来打开对话框,这脚本只能在IE下使用,对于某些浏览器来说完全不兼容. var returnValue = window.showModalDialog(url,'',feat ...

  3. showModalDialog模态对话框的使用以及浏览器兼容

    ModalDialog 是什么? showModalDialog 是js window对象的一个方法, 和window.open一样都是打开一个新的页面. 区别是: showModalDialog打开 ...

  4. showModalDialog模态对话框的使用详解以及浏览器兼容

    showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面.区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法 ...

  5. 高版本Chrome兼容window.showModalDialog办法

    高版本Chrome兼容window.showModalDialog办法 方式一:回调 兼容方式: 由于showmodaldialog 不属于W3C标准,在新版本浏览器中不再受支持,我们需要使用wind ...

  6. 模态窗口 showModalDialog 浏览器兼容解决方案

    无意中遇到一个老项目,遇到showModalDialog在谷歌火狐浏览器失效的问题,查了一下官方文档,发现已经废弃.   电脑端 移动端   Chrome Edge Firefox Internet ...

  7. 模态窗口showModalDialog的浏览器兼容解决方案

    博主遇到一个项目,拿以前的项目来改的,它所用框架的版本官方已经停止维护很多年了,而且以前项目遗留的代码那是"一言难尽"啊. 用chrome调试的时候,点击一个按钮毫无反应,控制台提 ...

  8. Java中modal dialog,showModalDialog模态对话框的使用详解以及浏览器兼容

    1.ModalDialog是什么?showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面. 区别是:showModalDialog打开子窗口后 ...

  9. 浏览器兼容css hack,CSS Hack技术解决多浏览器兼容问题

    本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题,针对不同的浏览器写不同的CSS代码的过程,就叫CSS Hack,相信本文介绍一定会让你有所收获. CSS Hack ...

最新文章

  1. 情感分析:基于循环神经网络
  2. java实现具有修饰的完美圣诞树
  3. 六大基本AI术语:如何做好人工智能咨询服务?
  4. 8 月--菜鸟吐槽日志
  5. head部分关于搜索引擎
  6. visio画uml类图添加自定义数据类型
  7. java null错误事例_java – aspectJ示例中的nullpointer异常
  8. 一加10 Pro胖达白512GB至尊版发布 售价5799元
  9. C/C++(C++返回对象与应用区别,类成员的存储)
  10. 浅谈:python自动化测试中使用异步
  11. 一些在网上搜集的奇奇怪怪的bat代码。。。仅供参考!小心中招!
  12. Android复制文件
  13. linux格式化分区进程,Linux 硬盘格式化、分区、挂载、卸载、删除分区,Linux重新调整分区...
  14. Ps(Adobephoto shop)当中布尔运算的使用方法
  15. t微信小程序开发-获取微信运动步数
  16. java根据距离计算经纬度_Java根据两点的经纬度来计算之间的距离
  17. oracle账号过期和账号被锁
  18. 国网通信之数据通信网
  19. python读取特定单词_在文本python中搜索特定单词
  20. 焦点 | 首席数据官,城市治理新趋势

热门文章

  1. liunx服务器配置
  2. 如何用代码实现iPhone手机软件注销和手机重启
  3. 全球五大违背力学的建筑背后的仿真计算与监测技术
  4. 学生学籍信息管理系统设计c语言,c语言学籍信息管理系统设计
  5. 2022双十一买什么数码好物?值得购买的数码好物推荐
  6. 双十一数码好物分享,值得入坑的数码好物分享
  7. 微电子系统封装期末总结—国科大集成电路学院
  8. C# button按键无反应
  9. 达梦2245_达梦创建link访问oracle
  10. struts2实现不刷新页面执行action