新版本火狐 ,Chrome不支持showModalDialog解決辦法
阿新 • • 發佈:2017-07-03
pan zab func 支持 ble showmodal lan div 12px
平常的網站中,有時我們會希望使用者按下按鈕後開啟一個保持在原窗口前方的子窗口,在IE中,我們可以使用showModalDialog來達成,但是chrome早就不支持showModalDialog,最近我的火狐也不支持了,所以就去網上找了下解決辦法,與大家共享:
原來代碼是這樣:
function showDialog(url, w, h){
showModalDialog(url, self, ‘dialogWidth=‘+w+‘px;dialogHeight=‘+h+‘px‘);
}
然後為了兼容新版本火狐和chrome,改為:
function showDialog(url, w, h){//新版本火狐谷歌不支持showModalDialog //showModalDialog(url, self, ‘dialogWidth=‘+w+‘px;dialogHeight=‘+h+‘px‘); window.open(url, self, ‘modal=yes,Width=‘+w+‘px,Height=‘+h+‘px‘); }
即:我們改用window.open()方法來實現這個功能,但是這個方法與showModalDialog()還是有一點小區別的,
範例如下:
window.open(‘openwin.html‘,‘newWin‘,‘modal=yes,width=200,height=200,resizable=no,scrollbars=no‘);
新版本火狐 ,Chrome不支持showModalDialog解決辦法