" />

广州明生医药有限公司


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

网络编程 谷歌showModalDialog()方法不兼容出现对话窗口的解决办法 06-22

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()方法不兼容出现对话窗口的问题分析及解决办法,希望对大家有所帮助。

JS中call/apply、arguments、undefined/null方法详解
a.call和apply方法详解--------------------------------------------------------------------------------call方法:语法:call([thisObj[,arg1[,arg2[,[,.argN]]]]])定义:调用一个对象的一

JavaScript中使用数组方法汇总
定义数组VararryMap={riskId:%=riskid%,riskType:%=risktype%};或Vararry=[];使用:varrisk=arryMap.riskId;Arry.push({id:1,name:1});Arry.push({id:2,name:2});数组中也可以放入单个值如:va

javascript HTML+CSS实现经典橙色导航菜单
本文实例介绍了javascript结合HTMLCSS实现橙色导航菜单,分享给大家供大家参考,具体内容如下效果图:htmlheadtitle超漂亮的HTML导航菜单CSS代码/titlestyle#top{


编辑:广州明生医药有限公司

标签:方法,数组,就行,给大家,菜单