js通过窗口名字获得窗口对象的方法

发布时间:2019-09-29编辑:脚本学堂
本文介绍下,使用js代码通过窗口名字获得窗口对象的方法,有需要的朋友参考下。

本节内容:
通过窗口名字获得窗口对象

1、A窗口js:
window.name='window1';
2、B窗口js:
var Awin = window.open('','window1');

有两种情况:
 1、A窗口未关闭:得到A窗口对象,并传递给Awin这个变量
 2、A窗口已关闭:打开一个新的空白页,如果你要让新的页面内容跟A窗口一样,写上需要的url便可,例如:window.open('a.html','window1')

例子:
需求是A窗口是一个查询页面URL为search.html,点击“查询”后打开B窗口并显示查询结果,在B窗口上有个按钮,名叫“返回查询页面”,客户需要的是如果A页面未关闭,则窗口焦点转到A,但B不关,如果A关闭,则开个新的查询页面。

实现:
A窗口js:window.name='window1';
B窗口按钮js:onclick="var Awin=window.open('search.html','window1');Awin.focus();"
 
改进:
不过这样有个不足之处,就是如果A页面存在的话,还会刷新一次A页面
修改后的实现:
B窗口按钮js:

复制代码 代码示例:
onclick="returnA();"
function returnA(){
    var Awin=window.opener;
    if(Awin.closed){
        window.open('search.html');
    }
    else{
        Awin.focus();
    }
}
 

这样子如果A窗口没关则,点这个按钮后是画面焦点转换到A窗口,如果A窗口已关,则打开一个新的查询窗口
 
改进again:
不足之处,当A窗口已关闭,B窗口按“返回查询页面”按钮会打开一个新页面,但是再次点击又会打开一个新页面,现在变成两个查询页面,原因何在?
因为关闭了A页面后对于B页面来说,其opener已经关闭,再打开的新页面不是他的opener,所以在if(Awin.closed)的时候总是会判断为true。

再次修改后:
B窗口按钮js:

复制代码 代码示例:
onclick="returnA();"
var Awin = null;
function returnA(){
    if(Awin == null){
        Awin = window.opener;
    }
    if(Awin.closed){
        Awin = window.open('search.html');
    }
    else{
        Awin.focus();
    }
}