谷歌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 相关文章推荐
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
JQuery 常用操作代码
Mar 14 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
仅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生成带有雪花背景的验证码
2006/10/09 PHP
Thinkphp实现自动验证和自动完成
2015/12/19 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
iis 7下安装laravel 5.4环境的方法教程
2017/06/14 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
php5与php7的区别点总结
2019/10/11 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
js中for in语句的用法讲解
2015/04/24 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
Django小白教程之Django用户注册与登录
2016/04/22 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
Python部署web开发程序的几种方法
2017/05/05 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
pyhton列表转换为数组的实例
2018/04/04 Python
python调用staf自动化框架的方法
2018/12/26 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
Python运算符+与+=的方法实例
2021/02/18 Python
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
控制工程专业个人求职信
2013/09/25 职场文书
团员的自我评价
2013/12/01 职场文书
公司授权委托书
2014/04/04 职场文书
小学运动会开幕词
2015/01/28 职场文书
民事起诉书范本
2015/05/19 职场文书
春季运动会加油词
2015/07/18 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
九年级英语教学反思
2016/02/15 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL