JS打开模态窗口showModalDialog

不念不忘少年蓝@ 2022-05-14 02:23 598阅读 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 条评论，598人围观）

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

相关阅读

相关 Electron 如何创建模态窗口？

目录前言一、模态窗口 1.Web页面模态框 2.Electron中的模态窗口 3.区分父子窗口与模态窗口二

素颜马尾好姑娘i/ 2024年03月17日 09:10/ 0 赞/ 67 阅读

相关 Mac OS 模态窗口

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

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

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

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

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

相关 js父子页面模态窗口传值

今天闲来无事，练习父页面中打开一个模态窗口，同时可以将父页面的某些数据传到模态窗口,并将模态窗口的数据回传到父页面。在chrome浏览器上有问题通过bug调试,c

忘是亡心i/ 2022年08月09日 11:55/ 0 赞/ 40 阅读

相关 JS 打开新窗口

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

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

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

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

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

相关 Angularjs 模态窗口

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

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

相关 JS打开模态窗口showModalDialog

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

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

相关 bootstrap模态窗口

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

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

相关 Bootstrap 模态窗口源码分析

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

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