在IE中(主要是360浏览器兼容模式)使用showModalDialog打开vue工程项目，vue工程里面有路由跳转操作会导致父窗口弹出很多标签【注：设置base标签和Form也无效】

于 2023-05-10 10:38:19 发布
阅读量203 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wx13699645464/article/details/130595463
版权

使用window.open替代，如果需要和父标签页做数据互动需要在父页面配置一个方法给window

        window['abc'] = () => {console.log(111)}

然后嵌入子页面在需要回调父页面方法的地方调用

        window.opener.abc()

生净末旦你
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【问题与解决】showModalDialog is not defined 的解决方案
09-13 1574
背景： showModalDialog 是比较老的方法了，有些浏览器不再支持弹出模态窗口了。 比如说谷歌浏览就不再支持了，有文章说明如下： Chrome’s Lack of Support for showModalDialog Breaks Some Enterprise Web Apps 弹出窗口代码： var obj = new Object(); var...
关于window.showModalDialog()的使用以及实现父窗口与子窗口的交互
时光匆匆独白 将颠沛磨成卡带
03-21 3186
           昨天在项目中要实现一个弹出页面展示table数据，然后选中table表单中的一条数据给父窗口使用，选择使用window.showModalDialog()方法实现弹出页面，下面记录一下使用心得。 （一）、基础知识了解window.showModuleDialog()方法用来创建一个显示html内容的模态对话框，模态对话框是指，在模态对话框打开的情况下，如果你想要对对话框以外的...
showModalDialog模态对话框的使用详解以及浏览器兼容
12-02
1.ModalDialog是什么？showModalDialog是jswindow对象的一个方法，和window.open一样都是打开一个新的页面。区别是：showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了）。可以在子窗口中通过设置window.returnValue的值，让父窗口可以获取这个returnvalue. 2.一个例子1)主窗口main.html,2)在主窗口中通过showModalDialog的方式打开子窗口sub.html3)在子窗口中设置returnValue返回给主窗口使用 main.html 代码如下:<HTML><HEAD><METAN
'window.ShowModalDialog'在Chrome中不起作用
04-07
嗨，Kavita3，它是Chrome浏览器中的一个已知问题，您可以使用window.open（）;希望对您有用
关于window.showModalDialog无法弹出的问题
qq_44364733的博客
07-29 1591
jsp中使用window.showModalDialog但是浏览器点击没有反应 在chorme 37以后，谷歌就已经把这个函数停用了 将切换为IE浏览器或者把停用的showModalDialog改成window.open就可以打开子窗体了。
window.showModalDialog引发的SCRIPT5:拒绝访问
小封的博客
04-08 648
背景： 最近用户反馈点击按钮没反应。。。发现IE浏览器才会出现，360浏览器则不会。F12调试发现页面报【SCRIPT5:拒绝访问】。初步js断点为window.showModalDialog的问题。 原因： 百度了很久，几乎都是说跨域的问题，但是这个问题很明显不涉及跨域。 后面再次用google翻文章查找，发现一句话【showModalDialog 必须由用户自己触发. 任何自动触发的条件均被认...
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
10-21
主要介绍了JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法,涉及javascript针对谷歌浏览器事件判定相关操作技巧,需要的朋友可以参考下
javascript showModalDialog,open取得父窗口的方法
10-29
showModalDialog,open取得父窗口的代码，需要的朋友可以参考下。
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
09-02
给大家介绍了谷歌showModalDialog()方法不兼容出现对话窗口的解决办法，解决办法非常好，感兴趣的朋友可以参考下
JS中showModalDialog 详细使用
weixin_33913377的博客
07-04 159
基本介绍：          showModalDialog()         (IE 4+ 支持)          showModelessDialog()      (IE 5+ 支持)          window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。          window.showModeles...
JS中模态窗口(showModalDialog)的详细使用
weixin_33834910的博客
06-24 2430
基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。 window.sho...
模态窗口showModalDialog的浏览器兼容解决方案
qq_1415904132的博客
05-01 928
博主遇到一个项目，拿以前的项目来改的，它所用框架的版本官方已经停止维护很多年了，而且以前项目遗留的代码那是“一言难尽”啊。 用chrome调试的时候，点击一个按钮毫无反应，控制台提示showModalDialog不存在。网上查了下，在MDN Web文档找到了温馨提示： 已废弃 该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。 “改是不可能改的，这辈子不可能改的” — 窃·格瓦拉 在博主看来，这种老爷车还是不要大修的好，于是自己动
showModalDialog模态对话框的使用以及浏览器兼容
热门推荐
oscar999的专栏
12-11 2万+
ModalDialog 是什么？ showModalDialog 是js window对象的一个方法， 和window.open一样都是打开一个新的页面。 区别是： showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了）。 可以在子窗口中通过设置 window.returnValue 的值，让父窗口可以获取这个return value. 一个例子 1)
前台技术--window.showModalDialog带来的浏览器兼容问题
GP的空间
03-27 1万+
双击域的实现：http://blog.csdn.net/gaopeng0071/article/details/21179619， 继此篇博文，讲述的双击域实现，在后续发现使用window.showModalDialog模态框存在浏览器兼容性问题。 使用chrome时，会出现模态框的返回值无法返回到父页面，使用此种方式： window.returnValue 摘自：http://bl
谷歌浏览器Chrome不再支持showModalDialog的解决办法
qq_39459412的博客
01-18 1501
谷歌浏览器Chrome不再支持showModalDialog的解决办法发布时间：2014年12月8日 / 分类：JavaScript / 58,355 次浏览 / 评论2014年的某一天，chrome升级后，突然发现某个在用的系统不能弹出模态窗口了，查找各种资料后确认新版本（可能为Chrome?37+）确实把这个支持去掉了，有这么坑人的吗！？为避免大家少走弯路，特发布此文提供确认躺枪和解决办法。问
解决弹出的窗口window.open会被浏览器阻止的问题（自定义open方法）
LzwGlory的专栏
12-31 1439
function openwin(url) {     var a = document.createElement("a");     a.setAttribute("href", url);     a.setAttribute("target", "_blank");     a.setAttribute("id", "openwin");     document.body.ap
360极速浏览器如何在选项中设置触发点击事件打开新页面以弹窗的形式打开--开发测试
qq_34651407的博客
09-20 911
showModalDialog兼容
最新发布
02-01
例如，可以使用Window对象的open方法打开一个新窗口，并设置其属性为模态对话框样式，然后通过与父窗口进行通信来实现模态对话框的效果。 需要注意的是，showModalDialog方法存在一些安全性和性能方面的问题，因此...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值