父窗口 ——opener OR parent

Js 中窗口之間交互用到的父窗口有兩兩種表示方式：opener 和Parent。

他們有什麼區別呢？

一、定義

opener即誰打開我的，比如A頁面利用window.open彈出了B頁面窗口，那麼A頁面所在窗口就是B頁面的opener，在B頁面通過opener對象可以訪問A頁面。

parent表示父窗口，比如一個A頁面利用iframe或frame調用B頁面，那麼A頁面所在窗口就是B頁面的parent。

注意：在JS中，window.opener只是對彈出窗口的母窗口的一個引用。比如：a.html中，通過點擊按鈕等方式window.open出一個新的窗口b.html。那麼在b.html中，就可以通過window.opener來引用a.html，包括a.html中document等對象達到操作a.html內容的目的。假如這個引用失敗，那麼將返回null。所以在調用opener的對象前，要先判斷對象是否為null，否則會出現“對象為空或者不存在”的JS錯誤。

二、示例

//父頁面：

	< body>
		< form. name=form1>
			< input type=“tex”t id="name" name=“test” >
			< input type="button" >
		< /form>
	< /body>
< /html>

JS代碼

//父窗口JS代碼：
	document.onclick = function () 
	{ 
		window.open(open('zichuangkou.html','baidu');//打開子頁面，命名為baidu
	}
	
子窗口的JS代碼：
	document.onclick = function () 
	{ 
		opener.document.
		getElementById("name").value=('子窗口');//通過子窗口操作父窗口，在父窗口中寫“子窗口”
	}
//Opener__指的是打開當前窗口的窗口（父窗口），Self——當前窗口