window.opener用法

window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B,那么在B中window.opener就是窗口对象A.

这是javascript参考手册里对于opener的描述
当一个窗口用open方法打开了一个新窗口的时候,opener属性就生效了,直到被打开的窗口关闭时失效.
你可以通过opener在被打开的窗口中对父窗口进行一系列操作.
你可以在一个窗口中打开一个新窗口,新窗口又打开另外一个新窗口,新窗口又打开另外一个新窗口.....最后得到的是一串新窗口,然而每一个窗口的opener属性都指向打开它的那个窗口.
设计者最多允许打开100个这样的窗口.当你通过open打开了一个新窗口后,确保在新窗口中将opener属性设置为null(空).如果不这样的话,会使浏览器持续的保留每个opener的值,直至资源耗尽

说明: 关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息，即用户通过window对象的open()方法打开一个新窗口（子窗口），当用 户在该子窗口中进行了数据库操作（如数据添加、修改和删除等）之后，关闭子窗口时，系统会自动刷新父窗口来实时更新信息;

思路和技术:

主要应用window.open()语句打开新窗口，并在新窗口中应用opener属性，该属性返回一个引用，用于指定打开本窗口的窗口对象。

& 语法：

window.opener

window.opener.方法

window.opener.属性

功能：返回的是一个窗口对象。opener属性与打开该窗口的父窗口相联系，当访问子窗口中opener属性时，返回的是父窗口，通过该属性，可以使用父窗口对象中的方法和属性。

注意：

如 果窗口不是由其他窗口打开的，在Netscape中这个属性返回null；在IE中返回“未定义”（undefined）。undefined在一定程度 上等于null。需要说明的是，undefined不是JavaScript常数，如果读者企图使用undefined，那就真的返回“未定义”了。

reload()方法相当于单击浏览器上的“刷新”（IE）或“Reload”（Netscap）按钮

代码1(打开新窗口)：

<a href="#" onClick="Javascript:window.open('meeting_add.jsp','','width=560,height=397')">超链接</a>

代码2(关闭弹出窗口并刷新主页面)：

<script language="javascript">

alert("会议记录保存成功！");

window.opener.location.reload(); //刷新父窗口中的网页

window.close();//关闭当前窗窗口

</script>

代码3(关闭弹出窗口并刷新主页面,重点推荐方法)：

<script language="javascript">

function save(){
    document.getElementById("pointsform").submit();

    alert('保存成功');

    window.opener.document.getElementById("cmd").value="query";

    window.opener.document.getElementById("khxzform").submit();

    window.close();
}   

window.opener 实际上就是通过window.open打开的窗体的父窗体。

比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener

就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。

如：1,window.opener.test(); ---调用父窗体中的test()方法

        2,如果window.opener存在,设置parentForm中stockBox的值。

    if (window.opener && !window.opener.closed) {       window.opener.document.parentForm.stockBox.value = symbol;}

1>window.opener 的用法

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

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

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

<script>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;         }     }

关于window.opener

window.opener 的用法

    window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：

    window.opener.document.getElementById("name").value = "输入的数据";

    对于javascrīpt中的window.opener没有很好的理解。

    为什么框架中不能使用，弹出窗口的父窗口不能在框架里面的某个页面呢？那怎样通过弹出窗口操作框架中的父窗口呢？

    opener.parent.frames['frameName'].document.all.input1.value 试试这个：）

 

 

 

正确使用window.open返回对象的opener
 
 

众所周知JavaScript中:var win = window.open(url,windowName,...); 的使用,

而win.opener则是指向父窗口的引用

然而,有种情况却比较特别，假如有两个窗口window1和window2，按下列步骤执行:

var win = window.open(url,windowName,...);// (window1)

var win = window.open(url,windowName,...);//(window2)

其中先后这两次打开的子窗口的windowName一样，此时你会发现在window2中的win.opener却不是指向window2的,却是指向window1.

如果你想在子窗口关闭父窗口的话,就不正确了,因此可以修改上面的执行方法为:

var win = window.open(url,windowName,...);? (window1)

win.opener = window;

var win = window.open(url,windowName,...);? (window2)

win.opener = window;

只有这样修改才OK

 
 

 

 

 

 

通过window.showModalDialog或者.showModelessDialog弹出的页面

这种情况需要两个步骤：
1 在父窗口.showModalDialog或.showModelessDialog方法的第二个参数传递window对象
比如: window.showModelessDialog('a.htm',window);
2 在a.htm中就可以通过window.dialogArguments获取该参数
比如: window.dialogArguments.fun1();
PS:子窗口可以通过设置window.returnValue设置页面返回值
比如: window.returnValue=’OK’;window.close();

strRtn=window.showModalDialog(......)

这时,strRtn='ok'

 

页面中实现：
父页面

function reloadPage() {         document.form1.submit();     }

弹出页面调用closeWin();

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