模态窗口showModalDialog 的浏览器兼容edge解决方案
之前写的showModalDialog()方法,只能在IE中使用,在edge浏览器中会报错。显示Undefined。
后来发现是Edge浏览器不支持该方法,最快的解决办法就是转换一下。
原方法:
1 function preview() { 2 var result = showModalDialog('preview.aspx?Id=' + document.getElementById('hidpreviewid').value, window, 'dialogWidth:1000px;dialogHeight:620px;center:yes;help:no;resizable:no;status:no'); 3 if (result) { 4 5 } 6 else { 7 8 } 9 }
后来在此方法下面加了一个转换的方法:
1 function showModalDialogN(uri, args, opts) { 2 if (!window.showModalDialog) { 3 showModalDialogN = function (uri, args, opts) { 4 opts = opts.replace(/:/g, '=') 5 .replace(/;/g, ',') 6 .replace('dialogWidth', 'width') 7 .replace('dialogHeight', 'height') 8 .replace('dialogtop', 'top') 9 .replace('dialogleft', 'left') 10 .replace('scroll', 'scrollbars'); 11 window.open(uri, '', opts).dialogArguments = args; 12 }; 13 } else { 14 window.showModalDialog(uri, args, opts); 15 } 16 }
然后把原方法中的showModalDialog直接改成showModalDialogN。完美解决!
感谢原作者:https://blog.csdn.net/ambit_tsai/article/details/80633290
还有整理的博主:模态窗口showModalDialog的浏览器兼容解决方案【改】 - 戈博折刀 - 博客园 (cnblogs.com)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?