JS打开模态窗口showModalDialog

不念不忘少年蓝@ 2022-05-14 02:23 549阅读 0赞

**“人人尽说江南好，游人只合江南老”**  
今天在使用谷歌浏览器通过JS打开模态窗口时，出现如下错误：

Uncaught TypeError: window.showModalDialog is not a function

![这里写图片描述][70]  
出现该问题的原因是，谷歌浏览器已经不支持该方法了。  
解决方法：

//兼容谷歌浏览器，如果不能直接打开模态窗口，则自定义一个窗口
                if(!window.showModalDialog){
                    window.showModalDialog=function(url,name,option){ 
                        if(window.hasOpenWindow){
                            window.newWindow.focus();
                        }
                        var re = new RegExp(";", "g");
                        var option  = option.replace(re, '","'); //把option转为json字符串
                        var re2 = new RegExp(":", "g");
                        option = '{"'+option.replace(re2, '":"')+'"}';
                        option = JSON.parse(option);
                        var openOption = 'width='+parseInt(option.dialogWidth)+',height='+parseInt(option.dialogHeight)+',left='+(window.screen.width-parseInt(option.dialogWidth))/2+',top='+(window.screen.height-30-parseInt(option.dialogHeight))/2;
                        window.hasOpenWindow = true;
                        window.newWindow = window.open(url,name,openOption);
                    }
                }
    
    function showModal(){ 
            window.showModalDialog("http://www.baidu.com",window,"dialogWidth:500px;dialogHeight:550px");
        }

该方法亲测可行。

[70]: /images/20220514/936e51d47b98421ab0a3a94676dbaf1f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，549人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mac OS 模态窗口

let userWindow = UserWindow(windowNibName: "UserWindow") NSApp.runModal(for: use

傷城~/ 2022年12月31日 14:23/ 0 赞/ 193 阅读

相关 JS高级应用:操作模态与非模态对话框

转载于：[http://www.cnsdn.com.cn/inc/show.asp?id=1874][http_www.cnsdn.com.cn_inc_show.asp_id

痛定思痛。/ 2022年08月27日 01:30/ 0 赞/ 247 阅读

相关模态窗口 - showModalDialog打开窗口中获取父窗口js方法

1.父窗口操作子窗口父窗口JS代码： var parValue="现在显示了父窗口中的变量值"; var hao="郝建卫";

不念不忘少年蓝@/ 2022年08月20日 04:30/ 0 赞/ 511 阅读

相关 JS 打开新窗口

使用JavaScript window对象（属于BOM）打开新窗口：语法： window.open(URL,name,features); 该方法用于打开一个新的

矫情吗；*/ 2022年06月07日 07:28/ 0 赞/ 325 阅读

相关 QT 窗口模态和非模态切换总结

1、主要讲的是对QWidget设置模态窗口第一种方法：是在构造函数中写上： setWindowFlags(Qt::FramelessWindowHint);

男娘i/ 2022年05月22日 22:34/ 0 赞/ 481 阅读

相关 Angularjs 模态窗口

对话框的两种类型：模态类型和非模态类型 1 模态窗口打开模态窗口后，只要不关闭该窗口，鼠标焦点或者光标就会一直停留在该窗口上。只有关闭该窗口后，调用窗口才能继续

布满荆棘的人生/ 2022年05月21日 05:10/ 0 赞/ 205 阅读

相关 JS打开模态窗口showModalDialog

“人人尽说江南好，游人只合江南老” 今天在使用谷歌浏览器通过JS打开模态窗口时，出现如下错误： Uncaught TypeError: window.showMo

不念不忘少年蓝@/ 2022年05月14日 02:23/ 0 赞/ 550 阅读

相关打开导入Excel表格模态框

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月13日打开导入Excel表格模态框基本都是HTML的代码，控制器那边不用写代码，而且是国定写法，

古城微笑少年丶/ 2022年01月31日 16:23/ 0 赞/ 251 阅读

相关 bootstrap模态窗口

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

逃离我推掉我的手/ 2022年01月12日 15:43/ 0 赞/ 252 阅读

相关 Bootstrap 模态窗口源码分析

前言： `bootstrap`的 `js`插件的源码写的非常好，也算是编写`jquery`插件的模范写法，本来还想大篇详细的分析一下呢，唉，没时间啊，很早之前看过的源码了

拼搏现实的明天。/ 2021年06月26日 16:06/ 0 赞/ 405 阅读