예를 들어, FatherPage.htm이라는 새로운 양식을 생성합니다: XML-Code: 코드 복사 코드는 다음과 같습니다. 다음: <br>function OpenChildWindow() <br>{ <br>window.open('ChildPage.htm'); >} <br>< /script> <br><input type="text" id="txtInput" /> <br><input type="button" value="OpenChild" onclick="OpenChildWindow( )" /> <br><br> </div>그런 다음 ChildPage.htm에서 window.opener를 통해 상위 양식의 요소에 액세스할 수 있습니다. <br>XML 코드: <br><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="87448" class="copybut" id="copybut87448" onclick="doCopy('code87448')"> 코드 복사 <u></u></a> 코드는 다음과 같습니다. </span> </div> <div class="codebody" id="code87448"><script type="text/javascript"> () <br>{ <br>window .opener.document.getElementById('txtInput').value <br>=document.getElementById('txtInput').value <br>window.close(); } <br> 사실 하위 양식을 여는 동안 하위 양식의 요소에 값을 할당할 수도 있습니다. window.open 함수도 하위 양식에 대한 참조를 반환하기 때문입니다. 따라서 FatherPage.htm을 다음과 같이 수정할 수 있습니다. XML 코드: 코드 복사 코드는 다음과 같습니다. </div>function OpenChildWindow() <div class="codebody" id="code65422">{ <br>var child = window.open('ChildPage.htm'); child.document.getElementById('txtInput').value <br> =document.getElementById('txtInput').value; <br>} <br> 하위 양식이 비어 있으면 하나의 하위 양식만 열도록 제어할 수도 있습니다. 양식: XML 코드: 코드 복사 코드는 다음과 같습니다. < script type="text/javascript"> var child function OpenChildWindow() { if(!child ) child = window.open('ChildPage.htm'); child.document.getElementById('txtInput').value =document.getElementById('txtInput').value } 그것만으로는 충분하지 않습니다. 하위 폼을 닫을 때 상위 폼의 하위 변수도 지워야 합니다. 그렇지 않으면 하위 폼을 연 후 다시 열 수 없습니다. 닫힘: XML 코드: 코드 복사 코드는 다음과 같습니다. </div>함수 SetValue() <div class="codebody" id="code86380">{ <br>window.opener.document.getElementById(' txtInput').value <br>=document.getElementById('txtInput').value; <br>window.close() <br>} <br>function Unload() <br>{ <br>window.opener .child=null; <br>} <br> < ;input type="text" id="txtInput" />