谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了谷歌showModalDialog()方法不兼容出现对话窗口的解决办法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1353字,纯文字阅读大概需要2分钟。
内容图文
![谷歌showModalDialog()方法不兼容出现对话窗口的解决办法](/upload/InfoBanner/zyjiaocheng/354/9aa29945b50a45c08b5738f78cf27eea.jpg)
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()方法不兼容出现对话窗口的问题分析及解决办法,希望对大家有所帮助。
内容总结
以上是互联网集市为您收集整理的谷歌showModalDialog()方法不兼容出现对话窗口的解决办法全部内容,希望文章能够帮你解决谷歌showModalDialog()方法不兼容出现对话窗口的解决办法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。