⾕歌showModalDialog()⽅法不兼容出现对话窗⼝的解
决办法
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;
svg实例
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()⽅法不兼容出现对话窗⼝的问题分析及解决办法,希望对⼤家有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。