ホームページ > 記事 > ウェブフロントエンド > 2 つのフォーム間での Javascript 値転送実装コード_JavaScript スキル
2 つのフォーム間での Javascript 値転送実装コード_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 18:45:44872ブラウズ
たとえば、新しいフォーム FatherPage.htm を作成します。
XML コード:
コードをコピーします コードは次のとおりです。
実際、サブフォームを開くときに、window.open 関数がサブフォームへの参照も返すため、サブフォームの要素に値を割り当てることもできます。したがって、FatherPage.htm は次のように変更できます:
コードをコピー コードは次のとおりです:
サブフォームが空の場合は、サブフォームを 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 コード:
if(!child) )
child = window.open('ChildPage.htm');
child.document.getElementById('txtInput').value
=document.getElementById('txtInput').value; }
それだけでは不十分です。子フォームを閉じるときは、親フォームの子変数もクリアする必要があります。そうしないと、子フォームを開いた後に再度開くことができません。クローズ済み:
XML コード:
コードをコピー