谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法
更新時間:2016年02月15日 17:02:18 作者:哼哈恩恩
這篇文章給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法,解決辦法非常好,感興趣的朋友可以參考下
showModalDialog,在測試中,IE,F(xiàn)irefox中正常運行,但是在google中,點擊后沒什么反應,在網(wǎng)上看了一下,谷歌瀏覽器不支持showModalDialog模態(tài)對話框和無法返回returnValue,得到了一個解決辦法
<script type="text/javascript">
//開啟模式窗口
function showMyModal() {
var url = "SelectUser.aspx";
//傳入?yún)?shù)示例
var modalReturnValue = myShowModalDialog(url, window, 300, 500);
//alert(modalReturnValue.name);
//窗口關閉后執(zhí)行某些方法
//TODO sth
}
//彈出框google Chrome執(zhí)行的是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>
最后想要點擊就可以出現(xiàn)對話框就行,只需要使用onclick事件進行調(diào)用方法就行
以上給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的問題分析及解決辦法,希望對大家有所幫助。
您可能感興趣的文章:
- js模式化窗口問題![window.dialogArguments]
- window.dialogArguments 使用說明
- Chrome不支持showModalDialog模態(tài)對話框和無法返回returnValue問題的解決方法
- JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
- 谷歌瀏覽器不支持showModalDialog模態(tài)對話框的解決方法
- showModalDialog模態(tài)對話框的使用詳解以及瀏覽器兼容
- showModalDialog在谷歌瀏覽器下會返回Null的解決方法
- window.showModalDialog兩次加載問題清除緩存方法
- Chrome中模態(tài)對話框showModalDialog返回值問題的解決方法
相關文章
swiper 解決動態(tài)加載數(shù)據(jù)滑動失效的問題
下面小編就為大家分享一篇swiper 解決動態(tài)加載數(shù)據(jù)滑動失效的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02

