window.open方法闪退(跨域被拦截)

博客内容讲述了在项目中遇到window.open方法因跨域问题导致的闪退现象,特别是在Chrome浏览器中。经过测试,发现在IE浏览器中问题不存在。分析可能原因是总控页面阻止了跨域访问,而在IE的兼容性问题下未生效。通过使用iframe代理访问解决了Chrome和Firefox的问题,但在IE中由于总控页面的反iframe嵌入代码,导致页面显示为空白。最后,采取条件判断,针对IE使用window.open直接打开,其他浏览器使用iframe代理的方法作为解决方案。

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

        背景:昨天项目突发的一个问题,原本window.open能正常执行,并且打开总控页面实现单点登录,昨天突然不行了。联系不到总控的技术人员,只好自己动手查找原因。

       测试发现:A.使用chrome浏览器===》1.打开其他网页可以,唯独总控页面不行    2.总控页面在console中用js代码window.open打开自己页面,其他域页面可以,但其他域页面在console中打开总控页面不行。

                        B.使用IE浏览器却一切正常


        询问了公司技术人员,得出可能是总控那边进行了阻止跨域访问的原因,而总控的阻止代码在IE中因为兼容性问题失效了。网上查找资料,发现可以用iframe“代理”访问解决。也就是window.open打开自己系统内的一个页面,然后这个页面使用iframe来访问总控页面。经过测试,这种方式在google、firefox中确实可以。关键代码如下:

        login.jsp:

            window.open('a.html');

        a.html:

            <iframe src='targetPage' width='100%' height='100%' scrolling='Yes'></frame>

        但是上面的代码在IE中却不行了,虽然可以成功弹出a.html,并且页面源码里有targetPage的代码,但是页面却显示空白。检查页面源码发现总控那边有反iframe嵌入的js代码.......  如下:

        //如果父页面的href不等于此页面的href,则使父页面的location等于此页面location

        if(top.location.href != self.location.href){

            top.location = self.location;

        }

        无奈,最终只能使用下策,在IE中使用window.open直接打开总控页面,其他浏览器使用iframe“代理”访问总控页面。login.jsp中关键js代码如下:

        var userAgent = navigator.userAgent;

        var isIE = userAgent.indexOf('compatible') >1 && userAgent.indexOf('MSIE') >1;

        if(isIE){

            window.open('targetPage');

        } else {

            window.open('a.html');

        }

        


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值