JavaScript での showModalDialog パラメータの使用方法の詳細な説明

この記事では主に js での showModalDialog パラメーターの使用方法について詳細な分析と紹介を提供します。必要な方はぜひ参考にしてください。

基本的な紹介:

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

使用法:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFunctions])
vReturnValue = window. (sURL [, vArguments] [,sFeature])

パラメータの説明:

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

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

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

1. DialogHeight: ダイアログの高さ、100px 以上
2. DialogWidth: ダイアログの幅。
3. ダイアログ左: 画面の左側からの距離。
4. ダイアログトップ: 画面からの距離。
5. 中央: { はい | いいえ | 1 | 0 }: 中央に配置するかどうか。デフォルトははいですが、高さと幅は指定できます。
6. ヘルプ: {はい | いいえ | 0}: ヘルプ ボタンを表示するかどうか。デフォルトははいです。
7. サイズ変更可能: {はい | いいえ | 0} [IE5]: サイズ変更できるかどうか。デフォルトは「いいえ」です。
8. ステータス:{はい | いいえ | 0} [IE5]: ステータス バーを表示するかどうか。デフォルトは、yes[Modal] または no[Modal] です。
9. スクロール:{ はい | いいえ | 0 | スクロール バーを表示するかどうか。デフォルトは「はい」です。

次の属性は HTA で使用され、通常の Web ページでは通常使用されません。

10.dialogHide:{ はい | いいえ 1 | 0 | 印刷プレビュー中にダイアログ ボックスを非表示にするかどうか。デフォルトは「いいえ」です。
11.edge:{ 沈んだ | 盛り上がった }: ダイアログ ボックスの境界線のスタイルを指定します。デフォルトは引き上げられています。
12. 装飾なし:{ はい | 0 | オフ }: デフォルトは no です。

パラメータの受け渡し:

1. パラメータをダイアログ ボックスに渡すには、vArguments を介してパラメータを渡します。文字列型の場合、最大長は 4096 文字です。オブジェクトを渡すこともできます。例:

parent.htm

<script>
　　var obj = new Object();
　　obj.name="51js";
　　window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
　　var obj = window.dialogArguments
　　alert("您传递的参数为：" + obj.name)
</script>

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

parent.htm

<script>
         str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
         alert(str);
</script>
modal.htm
<script>
         window.returnValue="//www.php.cn";
</script>

上記はこの章の全内容です。その他の関連チュートリアルについては、JavaScript ビデオ チュートリアルを参照してください。 !