window.opener用法

。_饼干妹妹 提交于 2020-12-26 07:56:12
 

JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:
a.html中,通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中,就可以通过window.opener(省略写为opener)来引用a.html,包括a.html的document等对象,操作a.html的内容。
假如这个引用失败,那么将返回null。所以在调用opener的对象前,要先判断对象是否为null,否则会出现“对象为空或者不存在”的JS错误。

 
 

在一般的用法中,只是用来解决关闭窗口时不提示弹出窗口,  而对它更深层的了解一般比较少。其  实  window.opener是指调用window.open方法的窗口。
    在工作中主要是用来解决部分提交的。这种跨页操作对工作是非常有帮助的。
如果你在主窗口打开了一个页面,并且希望主窗口刷新就用这个,打开页面的window.opener就相当于
主窗口的window。
主窗口的刷新你可以用
 window.opener.location.reload();
如果你用虚拟的目录:如struts的*.do会提示你重试

你可以改成这样 window.opener.yourformname.submit()
 就好了

2〉

在应用中有这样一个情况,
在A窗口中打开B窗口,在B窗口中操作完以后关闭B窗口,同时自动刷新A窗口


function closeWin(){
        hasClosed = true;
        window.opener.location="javascript:reloadPage();";
        window.close();
    }
    function window.onbeforeunload(){
        if(!hasClosed){
            window.opener.location="javascript:reloadPage();";
        }
    }

</script>
上面的代码在关闭B窗口的时候会提示错误,说缺少Object,正确的代码如下:
function closeWin(){
        hasClosed = true;
        window.opener.location="javascript:reloadPage();";
        window.opener=null;
        window.close();
    }
    function window.onbeforeunload(){
        if(!hasClosed){//如果已经执行了closeWin方法,则不执行本方法
            window.opener.location="javascript:reloadPage();";
        }
    }

</script>
reloadPage方法如下:
function reloadPage() {
        history.go(0);
        document.execCommand("refresh")
        document.location = document.location;
        document.location.reload();
    }
PS:由于需要支持正常关闭和强制关闭窗口时能捕捉到事件,用了全局变量hasClosed

==============================================

补充,在父窗口是frame的时候在刷新父窗口的时候会出现问题:

The page cannot be refreshed without resending the information.
后修改如下: 
window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;
不需要执行自带的reload()方法,注意,不要再画蛇添足加上这一句:

window.opener.parent.document.frames.item('mainFrame').location.reload();

========================================================================================
最后,为了同时支持刷新普通父窗口和frame父窗口,代码如下:
function closeWin() {
        hasClosed = true;
    <%if(null != frame){%>
        window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;
    <%}else{%>
        window.opener.location = "javascript:reloadPage();";
    <%}%>
        //window.opener.top.mainFrame.location="javascript:reloadPage();";
        //self.opener.frames.mainFrame.location.reload(true);
        window.opener = null;
        window.close();
    }
    function window.onbeforeunload(){
        if (!hasClosed) {
        <%if(null != frame){%>
            window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;
        <%}else{%>
            window.opener.location = "javascript:reloadPage();";
        <%}%>
            window.opener = null;
        }
    }
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!