快捷導(dǎo)航

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

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

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

showModalDialog，在測(cè)試中，IE，F(xiàn)irefox中正常運(yùn)行，但是在google中，點(diǎn)擊后沒(méi)什么反應(yīng)，在網(wǎng)上看了一下，谷歌瀏覽器不支持showModalDialog模態(tài)對(duì)話(huà)框和無(wú)法返回returnValue，得到了一個(gè)解決辦法

<script type="text/javascript">
//開(kāi)啟模式窗口
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>

最后想要點(diǎn)擊就可以出現(xiàn)對(duì)話(huà)框就行，只需要使用onclick事件進(jìn)行調(diào)用方法就行

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

您可能感興趣的文章:

相關(guān)文章

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