Rumah > Artikel > hujung hadapan web > Penyelesaian kepada ketidakserasian kaedah Google showModalDialog() apabila tetingkap dialog muncul_kemahiran javascript
showModalDialog, dalam ujian, berjalan seperti biasa dalam IE dan Firefox, tetapi dalam Google, tiada jawapan selepas mengklik saya melihat dalam talian dan mendapati bahawa Google Chrome tidak menyokong kotak dialog modal showModalDialog dan tidak dapat mengembalikan returnValue Penyelesaian
<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>
Akhir sekali, jika anda ingin mengklik, kotak dialog akan muncul Hanya gunakan acara onclick untuk memanggil kaedah
Perkara di atas memperkenalkan kepada anda analisis dan penyelesaian kepada masalah tetingkap dialog yang tidak serasi yang muncul dalam kaedah showModalDialog() Google Saya harap ia akan membantu semua orang.