たとえば、新しいフォーム FatherPage.htm を作成します。 XML コード: コードをコピーします コードは次のとおりです。 <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>function SetValue () <br>{ <br>window .opener.document.getElementById('txtInput').value <br>=document.getElementById('txtInput').value <br>window.close(); } <br> 実際、サブフォームを開くときに、window.open 関数がサブフォームへの参照も返すため、サブフォームの要素に値を割り当てることもできます。したがって、FatherPage.htm は次のように変更できます: XML コード: コードをコピー コードは次のとおりです: <div class="codebody" id="code65422">function OpenChildWindow() <br>{ <br>var child = window.open('ChildPage.htm'); child.document.getElementById('txtInput').value <br> =document.getElementById('txtInput').value; <br> サブフォームが空の場合は、サブフォームを 1 つだけ開くように制御することもできます。 フォーム: 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 コード: コードをコピー コードは次のとおりです: </span>function SetValue() </div>{ <div class="codebody" id="code86380">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" /><BR><input type="button" value=" SetFather" onclick="SetValue()" /> <br></body> <br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
