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

java菜鸟一枚

于 2018-05-04 10:25:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js

本文链接：https://blog.youkuaiyun.com/cs008567/article/details/80191374

前端专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方法:

$(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。

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