眾所周知window.open() 函數可以用來打開一個新窗口，那么如何在子窗體中向父窗體傳值呢，其實通過window.opener即可獲取父窗體的引用。
如我們新建窗體FatherPage.htm:
XML-Code:
<script type="text/javascript">function OpenChildWindow(){ window.open('ChildPage.htm'); }</script><input type="text" id="txtInput" /><input type="button" value="OpenChild" onclick="OpenChildWindow()" />
然后在ChildPage.htm中即可通過window.opener來訪問父窗體中的元素：
XML-Code:
<script type="text/javascript">function SetValue(){ window.opener.document.getElementById('txtInput').value =document.getElementById('txtInput').value; window.close();}</script><input type="text" id="txtInput" /><input type="button" value="SetFather" onclick="SetValue()" />
其實在打開子窗體的同時，我們也可以對子窗體的元素進行賦值，因為window.open函數同樣會返回一個子窗體的引用，因此FatherPage.htm可以修改為：
XML-Code:
<script type="text/javascript">function OpenChildWindow(){ var child = window.open('ChildPage.htm'); child.document.getElementById('txtInput').value =document.getElementById('txtInput').value; }</script><input type="text" id="txtInput" /><input type="button" value="OpenChild" onclick="OpenChildWindow()" />
通過判斷子窗體的引用是否為空，我們還可以控制使其只能打開一個子窗體：
XML-Code:
<script type="text/javascript">var childfunction OpenChildWindow(){ if(!child) child = window.open('ChildPage.htm'); child.document.getElementById('txtInput').value =document.getElementById('txtInput').value; }</script><input type="text" id="txtInput" /><input type="button" value="OpenChild" onclick="OpenChildWindow()" />
光這樣還不夠，當關閉子窗體時還必須對父窗體的child變量進行清空，否則打開子窗體后再關閉就無法再重新打開了：
XML-Code:
<body onunload="Unload()"><script type="text/javascript">function SetValue(){ window.opener.document.getElementById('txtInput').value =document.getElementById('txtInput').value; window.close();}function Unload(){ window.opener.child=null;}</script><input type="text" id="txtInput" /><input type="button" value="SetFather" onclick="SetValue()" /></body>
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
