谷歌,火狐浏览器不支持showModalDialog

最新推荐文章于 2022-04-01 11:07:18 发布

原创最新推荐文章于 2022-04-01 11:07:18 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种兼容谷歌和火狐浏览器的方法，通过检测是否存在showModalDialog方法来确定是否需要手动定义该方法。这对于需要在不同浏览器间保持一致弹窗对话体验的网页应用尤其有用。

解决方法:

$(function(){
    if(window.showModalDialog == undefined){
        window.showModalDialog = function(url,mixedVar,features){
            window.hasOpenWindow = true;
            if(mixedVar) var mixedVar = mixedVar;
            if(features) var features = features.replace(/(dialog)|(px)/ig,"").replace(/;/g,',').replace(/\:/g,"=");
            window.myNewWindow = window.open(url,"_blank",features);
        }
    }
});

由于谷歌、火狐没有内置在这个方法，所以在调用showModalDialog的时候先判断是否是undefined。

如果是，那就定义一下这个方法。