如何通过窗口名字获得窗口对象


1、A窗口js:

  1. window.name='window1';

2、B窗口js:

  1. 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:οnclick="var Awin=window.open('search.html','window1');Awin.focus();"

 

改进:

不过这样有个不足之处,就是如果A页面存在的话,还会刷新一次A页面
修改后的实现:
B窗口按钮js:οnclick="returnA();"

  1. function returnA(){
  2.     var Awin=window.opener;
  3.     if(Awin.closed){
  4.         window.open('search.html');
  5.     }
  6.     else{
  7.         Awin.focus();
  8.     }
  9. }

这样子如果A窗口没关则,点这个按钮后是画面焦点转换到A窗口,如果A窗口已关,则打开一个新的查询窗口

 

改进again:

试验一下,发现还是有不足之处,当A窗口已关闭,B窗口按“返回查询页面”按钮会打开一个新页面,但是再次点击又会打开一个新页面,现在变成两个查询页面,这是为什么呢?
因为你关闭了A页面后对于B页面来说他的opener已经关闭,再打开的新页面不是他的opener,所以在if(Awin.closed)的时候总是会判断为true

再次修改后的实现:
B窗口按钮js:οnclick="returnA();"

  1. var Awin = null;
  2. function returnA(){
  3.     if(Awin == null){
  4.         Awin = window.opener;
  5.     }
  6.     if(Awin.closed){
  7.         Awin = window.open('search.html');
  8.     }
  9.     else{
  10.         Awin.focus();
  11.     }
  12. }

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值