码迷,mamicode.com
首页 > Windows程序 > 详细

window.opener引用为null的解决办法

时间:2018-01-03 16:00:40      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:gpo   方法   url   function   失败   sed   ready   blog   read   

项目使用的是iframe来包含新打开的页面,在使用IE的时候,通过window.open打开子页面之后,在子页面是可以获取到打开窗口的父页面的引用,但是在使用firefox与chrome的时候,却无法获得。而且使用window.close也无法关闭弹窗。针对这2个问题,找到了以下的解决办法,有更好的解决办法:

一、解决window.opener返回结果为null的问题

1、通过interval,在父页面定时为子页面添加引用

var c_win = window.open(url, "pageName", "feathers");//参数根据API填写
var intervalTemp = setInterval(function () {//设置一个interval,每隔1s去执行一次,为子页面添加opener属性值,获取到子页面已经关闭,则清除interval
        if ("complete" == c_win .document.readyState) {
            c_win .opener = window;
        }
        if (c_win .closed) {
            clearInterval(intervalTemp);
        }
}, 1000)

2、为父页面window添加属性

这个方法就是为父页面添加一个属性,当子页面需要去获取父页面的引用时,只需要获取顶级窗口,遍历页面的所有iframe,获取到window.openPage为指定参数的window。在子页面关闭时需要清空属性。

window.open(url, "pageName", "feathers");//参数根据API填写
window.openPage = "thisIsOpener";

二、解决window.close失败的问题

在iframe中打开的窗口,在firefox与chrome中无法关闭,具体原因没有找到,后来直接使用移除DOM对象的方法来关闭窗口。步骤就是在顶级窗口中,获取当前窗口所在的DOM对象,移除此DOM对象即可。

window.opener引用为null的解决办法

标签:gpo   方法   url   function   失败   sed   ready   blog   read   

原文地址:https://www.cnblogs.com/keitsang/p/8183417.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!