JS_javascript スキルにおける showModalDialog の使用状況分析

基本的な紹介:

window.showModalDialog() メソッドは、HTML コンテンツを表示するモーダル ダイアログ ボックスを作成するために使用されます。 （つまり、親ウィンドウを開いた後は操作できません。親ウィンドウを開いた後は操作できないため、待機モードでのみ操作できます。

window.showModelessDialog() メソッドは、HTML コンテンツを表示する非モーダル ダイアログ ボックスを作成するために使用されます。 （開いた後も他の操作は可能です）

使用方法:

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

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

パラメータの説明:

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

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

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

---------------------------------

パラメータの受け渡し:

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

parent.html

コードをコピー

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

ユーザー名: ="text/javascript"> var sURL = "showModalDialog2.html"; var s features = "dialogHeight: 200px;dialogWidth:450px";

document.getElementById("ボタンID") .onclick = function(){

//「入力の選択」ボタンをクリックすると、入力選択のダイアログ ボックスが表示されます
showModalDialog(sURL,vArguments,sFunctions);

children.html





コードをコピー


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

& lt; body & gt;
& lt; script type = "text/javascript" & gt; // 「入力を選択」ボタンをクリックすると、対応する値が表示されます。親ウィンドウのテキストボックスでは、親のウィンドウを渡すオブジェクトを受け取ります。 /script＆gt;
>＆lt; tr＆gt;
"value =" select inct "onclick =" selectinput（this） "/＆gt;
最終結果:



2. window.returnValue を使用して、ダイアログ ボックスを開くウィンドウに情報を返すことができます。これは、ブール値、整数値などにすることができます。もちろん、js 配列にすることもできます。
になります。
親.html





コードをコピー


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

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。