JavaScript_javascript スキルにおける window.showModalDialog() の使用法の詳細な説明

今日はプロジェクトでポップアップ子ウィンドウを使用し、それを JavaScript で実装する方法を 2 つ考えました。1 つは window.open(); もう 1 つは window.showModalDialog() メソッドです。親子関係のあるメソッドです。ポップアップウィンドウの場合、子ウィンドウが閉じているときのみ親ウィンドウが起動され、パラメータや戻り値の受け渡しが可能です。使用方法をもう一度確認し、その過程で発生した問題を記録したいと思います。

基本的な紹介:
showModalDialog() (IE 4 でサポート)
showModelessDialog() (IE 5 でサポート)
window.showModalDialog() メソッドは、HTML コンテンツを表示するモーダル ダイアログ ボックスを作成するために使用されます。
window.showModelessDialog() メソッドは、HTML コンテンツを表示する非モーダル ダイアログ ボックスを作成するために使用されます。

使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeature],"");
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeature],"");

パラメータの説明:
URL:
必須パラメータ、タイプ: 文字列。ダイアログボックスに表示するドキュメントのURLを指定するために使用します。
v引数:

オプションのパラメーター、タイプ: バリアント。パラメータをダイアログ ボックスに渡すために使用されます。渡されるパラメータのタイプは、配列などを含めて制限されません。ダイアログ ボックスは、window.dialogArguments を通じて渡されたパラメータを取得します。
特徴:

オプションのパラメータ、タイプ: 文字列。ダイアログ ボックスの外観やその他の情報を記述するために使用され、次の 1 つ以上をセミコロン「;」で区切って使用できます。

1.dialogHeight: ダイアログの高さ、100 ピクセル以上。IE4 では、dialogHeight と DialogWidth のデフォルトの単位は em ですが、IE5 では、モーダル ダイアログ ボックスを定義するときは px を単位として使用します。 。
2.dialogWidth: ダイアログの幅。
3.dialogLeft: 画面の左側からの距離。
4.dialogTop: 画面からの距離。
5.center: {yes | no | 1 | 0}: ウィンドウが中央にあるかどうか、デフォルトははいですが、高さと幅は指定できます。
6.help: {yes | no | 0}: ヘルプ ボタンを表示するかどうか。デフォルトは [はい] です。
7.resizable: {はい | いいえ | 0} [IE5+]: サイズを変更できるかどうか。デフォルトは「いいえ」です。
8.status: {はい | いいえ | 0} [IE5]: ステータスバーを表示するかどうか。デフォルトは、yes[Modal] または no[Modal] です。
9.scroll:{ はい | いいえ | 0 | オン | オフ }: ダイアログ ボックスにスクロール バーを表示するかどうかを示します。デフォルトは「はい」です。
以下の属性は HTA で使用され、通常の Web ページでは通常使用されません。
10.dialogHide: { はい | いいえ | 0 | オフ }: 印刷中または印刷プレビュー中にダイアログ ボックスを非表示にするかどうか。デフォルトは「いいえ」です。
11.edge: { 沈んだ | 隆起 }: ダイアログ ボックスの境界線のスタイルを指定します。デフォルトは引き上げられています。
12.unadorned:{ はい | いいえ | オン | オフ |

パラメータの受け渡し:
1. パラメータをダイアログ ボックスに渡すには、vArguments を介してパラメータを渡します。文字列型の場合、最大長は 4096 文字です。

2. window.returnValue を通じてダイアログ ボックスを開くウィンドウに情報を返すことができます。もちろん、オブジェクトにすることもできます。