JavaScript showModalDialog 2 つのフォーム間で値を渡す_javascript スキル

2 つのフォーム間での Javascript 値転送の実装コード
JavaScript には新しいフォームを開くことのできる関数 window.showModalDialog もありますが、これはモーダル ウィンドウを開くので、値の受け渡しについてはどうすればよいですか親フォームと子フォームの間?まずこの関数の定義を見てみましょう: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeature])
パラメータの説明:
sURL -- 必須パラメータ、タイプ: 文字列。ダイアログボックスに表示するドキュメントのURLを指定するために使用します。
vArguments -- オプションのパラメーター、タイプ: バリアント。パラメータをダイアログ ボックスに渡すために使用されます。渡されるパラメータのタイプは、配列などを含めて制限されません。ダイアログ ボックスは、window.dialogArguments を通じて渡されたパラメータを取得します。
sFeature -- オプションのパラメータ、タイプ: 文字列。ダイアログ ボックスの外観やその他の情報を記述するために使用され、次の 1 つ以上をセミコロン「;」で区切って使用できます。
dialogHeight: ダイアログ ボックスの高さ (100 ピクセル以上)。IE4 では、dialogHeight と DialogWidth のデフォルトの単位は em ですが、IE5 では、便宜上、モーダル ダイアログ ボックスを定義するときに単位として px を使用します。 。
dialogWidth: ダイアログの幅。
dialogLeft: 画面の左側からの距離。
dialogTop: 画面からの距離。
center: {yes | no | 1 | 0}: ウィンドウを中央に配置するかどうか。デフォルトははいですが、高さと幅は指定できます。
help: {yes | no | 0 | 0}: ヘルプ ボタンを表示するかどうか。デフォルトは [はい] です。
resizable: {はい | いいえ | 0 | IE5]: サイズを変更できるかどうか。デフォルトは「いいえ」です。
status: {yes | no | 0} [IE5]: ステータスバーを表示するかどうか。デフォルトは、yes[Modal] または no[Modal] です。
scroll:{ はい | いいえ | 0 | オフ }: ダイアログ ボックスにスクロール バーを表示するかどうかを示します。デフォルトは「はい」です。
例: "dialogWidth=200px;dialogHeight=100px"
したがって、window.dialogArguments パラメーターを介して 2 つのフォーム間で値を渡すことができます
たとえば、次の 2 つのページ: FatherPage.htm:

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

> ;

🎜>
ChildPage.htm:

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

Copy code

コードは次のとおりです: function OpenChildWindow() { var args = new Array();

args[0] = document.getElementById('txtInput').value;

window.showModalDialog('ChildPage.htm',args); ;/script>

.htm:
XML コード:



同様に、FatherPage.htm:
XML-Code:



コードをコピー

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

ChildPage.html:
XML コード:




コードをコピーします


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

The above are all about passing values ​​from the parent form to the child form, so how to pass the value from the child form to the parent form? What about passing values ​​through forms? In fact, you can get the value of the subform through window.returnValue. Like window.dialogArguments, window.returnValue can be any variable, including strings, arrays, objects, etc. For example: FatherPage.html:
XML-Code:

Copy code The code is as follows:

ChildPage.html:
XML-Code:

Copy code The code is as follows: