昨天專案遇到的問題：取上級window視窗物件時，傻傻分不清楚！你能分清楚嗎？

當我們在瀏覽器中開啟一個網頁時，瀏覽器都會建立一個視窗物件，這個視窗就是一個window物件。也就是Js生存依附的全域性環境物件和全域性作用域物件。

1.Self 指當前視窗頁面，就是window物件

例如：Self.close()和window.close()一樣。

2.Top表示最頂層的一個視窗頁面

最頂層頁面===》父頁面===》子頁面，self.top就代表其中的最頂層頁面，相當於子頁面的祖父。

self.top 等於self.parent.parent

3.Parent在進行父頁面訪問時使用

parent用於在iframe框架頁中,frame框架頁中生成的子頁面中訪問父頁面的物件。例如：A頁面中有一個iframe或frame，那麼iframe
或frame中的頁面就可以通過parent物件來引用A頁面中的物件。這樣就可以獲取或返回值到A頁面中。

4.Opener在進行父頁面引用時使用

opener用於在window.open開啟的頁面引用執行window.open方法的的上級頁面的物件。例如：A頁面通過window.open()方
法彈出了B頁面，在B頁面中就可以通過opener來引用A頁面，這樣就可以通過這個物件來對A頁面進行操作。

window.opener.location.reload(); //子視窗重新整理父視窗
window.opener.location.href //獲取父視窗href
window.opener.locaiton.pathname //獲取父視窗路徑名
//重新整理父頁面
window.location.href=window.location.href ; //重新定位父頁面
window.location.reload;

parent與opener的區別：
parent是相對於框架來說父視窗物件 
opener是針對於用window.open開啟的視窗來說的父視窗，前提是window.open開啟的才有。

如下： parent.frame1.document.forms[0].elements[0].value; 

拓展：jquery獲取父視窗的元素

取父視窗的元素方法：$(selector, window.parent.document);

("#父視窗元素ID",window.parent.document); 對應javascript的程式碼：window.parent.document.getElementByIdx_x("父視窗元素ID")；