快捷導(dǎo)航

谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法

更新時間：2016年02月15日 17:02:18 作者：哼哈恩恩

這篇文章給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的解決辦法，解決辦法非常好，感興趣的朋友可以參考下

showModalDialog，在測試中，IE，F(xiàn)irefox中正常運行，但是在google中，點擊后沒什么反應(yīng)，在網(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);
//窗口關(guān)閉后執(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事件進(jìn)行調(diào)用方法就行

以上給大家介紹了谷歌showModalDialog()方法不兼容出現(xiàn)對話窗口的問題分析及解決辦法，希望對大家有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS 圖片壓縮原理與實現(xiàn)方法詳解
這篇文章主要介紹了JS 圖片壓縮原理與實現(xiàn)方法,結(jié)合實例形式詳細(xì)分析了JS 圖片壓縮原理、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
2020-04-04
iSlider手機端圖片滑動切換插件使用詳解
這篇文章主要為大家詳細(xì)介紹了iSlider手機端圖片滑動切換插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
響應(yīng)式表格之固定表頭的簡單實現(xiàn)
下面小編就為大家?guī)硪黄憫?yīng)式表格之固定表頭的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
利用Webpack實現(xiàn)小程序多項目管理的方法
這篇文章主要介紹了利用Webpack實現(xiàn)小程序多項目管理的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
js+html5實現(xiàn)手機九宮格密碼解鎖功能
這篇文章主要為大家詳細(xì)介紹了js+html5實現(xiàn)手機九宮格密碼解鎖功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
js的2種繼承方式詳解
這篇文章主要介紹了javascript的2種繼承方式,分析對象冒充和原型鏈方式的不同,需要的朋友可以參考下
2014-03-03
swiper 解決動態(tài)加載數(shù)據(jù)滑動失效的問題
下面小編就為大家分享一篇swiper 解決動態(tài)加載數(shù)據(jù)滑動失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼
這篇文章主要介紹了JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼,需要的朋友可以參考下
2015-04-04
Javascript操作select控件代碼實例
這篇文章主要介紹了Javascript操作select控件代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-02-02
微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請求
這篇文章主要介紹了微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請求，F(xiàn)ly.js 通過在不同 JavaScript 運行時通過在底層切換不同的 Http Engine來實現(xiàn)多環(huán)境支持，但同時對用戶層提供統(tǒng)一、標(biāo)準(zhǔn)的Promise API,需要的朋友可以參考下
2019-07-07