JS_javascript スキルにおける showModalDialog の使用状況分析-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:36:36

オリジナル

1378 人が閲覧しました

基本的な紹介:

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

コードをコピー

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