検索

ホームページ >ウェブフロントエンド >jsチュートリアル >2 つのフォーム間での Javascript 値転送実装コード_JavaScript スキル

2 つのフォーム間での Javascript 値転送実装コード_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 18:45:44942ブラウズ

たとえば、新しいフォーム FatherPage.htm を作成します。
XML コード:

コードをコピーします コードは次のとおりです。






実際、サブフォームを開くときに、window.open 関数がサブフォームへの参照も返すため、サブフォームの要素に値を割り当てることもできます。したがって、FatherPage.htm は次のように変更できます:
XML コード:


コードをコピー コードは次のとおりです:





サブフォームが空の場合は、サブフォームを 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 コード:



コードをコピー
コードは次のとおりです: