window.opener用法(只是轉載,暫未測試)

window.opener :

返回打開當前窗口的那個窗口的引用.

若是當前窗口是由另外一個窗口打開的, window.opener保留了那個窗口的引用. 若是當前窗口不是由其餘窗口打開的, 則該屬性返回 null.

好比在父窗體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窗口

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

上面的代碼在關閉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();";
         }
     }

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();
     }

本文來自CSDN博客：http://blog.csdn.net/zj1103/archive/2009/05/05/4152274.aspx

該文章通過本人整理所得,歡迎轉載,轉載時請加上本文地址;本文基於署名 2.5 中國大陸許可協議發佈，請勿演繹或用於商業目的，可是必須保留本文的署名張志濤（包含連接如您有任何疑問或者受權方面的協商，請給我留言。