javascript showModalDialog 値の転送と FireFox の window.open 親子ウィンドウ値の転送 example

javascript showModalDialog 値の受け渡しと、FireFox の window.open 親子ウィンドウの値受け渡しのサンプルコード。

最初に基本的な知識を簡単に紹介します:
1. window.open() サポート環境: Java1.0 /J1.0 /Nav2 /IE3 /Opera3
2. 基本的な構文:
window.open(pageURL,name,parameters)
ここで:
pageURL はサブウィンドウのパスです
name はサブウィンドウのハンドルです
parameters はウィンドウのパラメーターです (各パラメーターは、カンマ)
3. パラメータ
このうち、yes/no はピクセル値、つまり単位ピクセルを使用することもできます。
パラメータ | 値の範囲 | 説明
alwaysLowered | 指定されたウィンドウはすべてのウィンドウの後ろに隠れます
alwaysRaized | 依存します| no | 親ウィンドウを同時に閉じるかどうか | Nav2 と 3 のディレクトリバーを表示するかどうか |
ウィンドウの高さ | はい/いいえ |メニューバーのないウィンドウの場合 CMD セーフ終了ホットキー
ウィンドウ内のドキュメントのピクセルの高さ
ドキュメントのピクセル幅
位置 | | ロケーションバーが表示されるかどうか
menubar | メニューバーが表示されるかどうか
outerHeight | ウィンドウのピクセルの高さを設定します。ウィンドウのピクセル幅 (装飾境界線を含む) を設定します。
resizable かどうか。
screenX のピクセル値 | >screenY | 画面の上端からのウィンドウのピクセルの長さ
スクロールバーを付けることができるかどうか | ウィンドウのタイトルバーを付けることができるかどうか表示される
ツールバー | はい/いいえ | ウィンドウのツールバーが表示されるかどうか
ピクセル値 | ウィンドウが他のウィンドウの上に表示されるかどうか |アクティブ化後のウィンドウ
window.showModalDialog ユーザーマニュアル
基本的な紹介:
showModalDialog() (IE 4 サポート)
showModelessDialog () (IE 5 サポート)
window.showModalDialog()メソッドは、HTML コンテンツを表示するモーダルダイアログボックスを作成するために使用されます。
window.showModelessDialog() メソッドは、HTML コンテンツを表示する非モーダルダイアログボックスを作成するために使用されます。
使用法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFunctions])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeature])
パラメータの説明:
sURL--
必須パラメータ、タイプ: 文字列。ダイアログボックスに表示するドキュメントのURLを指定するために使用します。
vArguments--
オプションのパラメーター、タイプ: バリアント。パラメータをダイアログボックスに渡すために使用されます。渡されるパラメータのタイプは、配列などを含めて制限されません。ダイアログボックスは、window.dialogArguments を通じて渡されたパラメータを取得します。
sFunction --
オプションのパラメータ、タイプ: 文字列。ダイアログボックスの外観やその他の情報を記述するために使用され、次の 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:{ sunken | raise }: ダイアログボックスの境界線のスタイルを指定します。デフォルトは引き上げられています。
12.unadorned:{ はい | いいえ | 0 | オフ }: デフォルトは no です。
パラメータの受け渡し:
1. ダイアログボックスにパラメータを渡すには、vArguments を介してパラメータを渡します。文字列型の場合、最大長は 4096 文字です。オブジェクトを渡すこともできます。例:
---------------------------------
parent .htm

コードをコピーします
コードは次のとおりです。

>

---------------------------------
2. 会話を開くことができます。 window.returnValue 経由フレームのウィンドウは情報を返しますが、もちろんオブジェクトにすることもできます。例:
--------------------------------
parent.htm

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

< type="text/java">
str =window.showModalDialog("modal.htm ",,"dialogWidth= 200px;dialogHeight=100px");
alert(str);

modal.htm

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

IE では、showModalDialog を使用して値を渡すことができます。
構文は次のとおりです:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeature])
ただし、Firefox には showModalDialog メソッドはありませんが、window.open() を使用できます。
構文は次のとおりです:
oNewWindow = window.open([sURL] [, sName] [, sFeature] [, bReplace])
Firefox では window.open のパラメータの中にあるだけです。 , sFeature にはさらにいくつかの機能設定があります。開いているウィンドウを FireFox の IE の showModalDialog と同じにしたい場合は、sFeature に modal=yes を追加するだけです。
その使用法を説明するために、以下に例を使用します。
機能説明: 子ウィンドウから色の種類を入力して親ウィンドウに送信し、ドロップダウンリストにオプションを追加します。
a.html

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

< title>a .html ドキュメント
/head>

b.html

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

b.html文档
<スクリプト言語="javascript">
関数 ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="充填写颜色") return(false);
window.returnValue=url;
window.close();
}