JavaScript實際應用：子窗口和父窗口交互

　　 

　　最近項目開發中需要子窗口和父窗口交互的內容，基本上無非就是把子窗口的信息傳遞給父窗口，并且關閉自己等等，或者是父窗口把自己的信息傳遞給子窗口等等。

1。父窗口傳遞信息給子窗口

看代碼實例：

//調用上面的函數

2。子窗口傳遞參數給父窗口

我們對上面的代碼進行改造：

3。不是同頁面的子窗口和父窗口交互

假設我們涉及到外部程序，比如php、asp等等，那么我們處理的可能是兩個頁面，比如，上傳功能，我們就是需要打開一個新頁面，然后再把新頁面中的值傳遞給父頁面。

局部代碼實例：

以上是父窗口的部分代碼，里面的popUpWindow是封裝好的window.open函數，所以理解面面的tag.php是另外一個頁面就可以，我們需要把當前表單中的值提交給tag.php頁面去處理。

tag.php部分代碼：

查詢標簽結果：
生活加入該標簽

生活秀加入該標簽

這個就是我們的子窗口，我們要把tag_1和tag_2返回到子窗口中，雖然他們不是同一個頁面。這里有個知識點，就是我們如何獲取連接中的值，我們使用innerHTML屬性：document.tag_2.innerHTML 這個就是我們獲取了tag_2的值“生活秀”，我們也能使用其他方法獲取，比如：document.all.tag_2.innerHTML，或者this.innerHTML就是指本身的鏈接的值。

訪問父窗口也是使用opener對象來處理：opener.document.tryst_form.input_tag.value，就能夠改變父窗口的值。

基本我目前了解就是如此，以后有東西繼續添加。

----------------------------------------------------
參考文章：

http://www.cnbug.com/Article/{C96F3C33-E894-4982-B5C2-7F87D1C2AEAC}.htm

http://www.blueidea.com/bbs/newsdetail.asp?id=142888
http://www.cnblogs.com/gxh973121/archive/2005/04/05/132664.aspx
http://51js.zahui.net/html/1/15100.htm

原文轉自：http://www.kjueaiud.com