谷歌showModalDialog()方法不兼容出现对话窗口的解决办法


Posted in Javascript onFebruary 15, 2016

showModalDialog,在测试中,IE,Firefox中正常运行,但是在google中,点击后没什么反应,在网上看了一下,谷歌浏览器不支持showModalDialog模态对话框和无法返回returnValue,得到了一个解决办法

<script type="text/javascript">
//开启模式窗口
function showMyModal() {
var url = "SelectUser.aspx";
//传入参数示例
var modalReturnValue = myShowModalDialog(url, window, 300, 500);
//alert(modalReturnValue.name);
//窗口关闭后执行某些方法
//TODO sth
}
//弹出框google Chrome执行的是open
function myShowModalDialog(url, args, width, height) {
var tempReturnValue;
if (navigator.userAgent.indexOf("Chrome") > 0) {
var paramsChrome = 'height=' + height + ', width=' + width + ', top=' + (((window.screen.height - height) / 2) - 50) +
',left=' + ((window.screen.width - width) / 2) + ',toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no';
window.open(url, "newwindow", paramsChrome);
}
else {
var params = 'dialogWidth:' + width + 'px;dialogHeight:' + height + 'px;status:no;dialogLeft:'
+ ((window.screen.width - width) / 2) + 'px;dialogTop:' + (((window.screen.height - height) / 2) - 50) + 'px;';
tempReturnValue = window.showModalDialog(url, args, params);
}
return tempReturnValue;
}
</script>

最后想要点击就可以出现对话框就行,只需要使用onclick事件进行调用方法就行

以上给大家介绍了谷歌showModalDialog()方法不兼容出现对话窗口的问题分析及解决办法,希望对大家有所帮助。

Javascript 相关文章推荐
jQuery表单验证插件formValidator(改进版)
Feb 03 Javascript
基于jquery的时间段实现代码
Aug 02 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
探究Vue.js 2.0新增的虚拟DOM
Oct 20 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
JS实现的Unicode编码转换操作示例
Apr 28 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
Gulp实现静态网页模块化的方法详解
Jan 09 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
仅30行代码实现Javascript中的MVC
Feb 15 #Javascript
理解javascript中的with关键字
Feb 15 #Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 #Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 #Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 #Javascript
一道常被人轻视的web前端常见面试题(JS)
Feb 15 #Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 #Javascript
You might like
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
javascript 必知必会之closure
2009/09/21 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
JavaScript类的写法
2016/09/17 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
Python中使用Inotify监控文件实例
2015/02/14 Python
python中引用与复制用法实例分析
2015/06/04 Python
Python 12306抢火车票脚本
2018/02/07 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
seek引发的python文件读写的问题及解决
2019/07/26 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
Banana Republic欧盟:美国都市简约风格的代表品牌
2018/05/09 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
一些关于MySql加速和优化的面试题
2014/01/30 面试题
毕业生就业推荐信范文
2013/12/01 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
生日庆典策划方案
2014/06/02 职场文书
团日活动总结怎么写
2014/06/25 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
小学校园广播稿集锦
2014/10/04 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python