ウェブフロントエンド
jsチュートリアル
javascript showModalDialog 値の転送と FireFox の window.open 親子ウィンドウ値の転送 example_javascript スキル
javascript showModalDialog 値の転送と FireFox の window.open 親子ウィンドウ値の転送 example_javascript スキル
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
コードをコピー
コードは次のとおりです。
<スクリプト言語="javascript">
関数 ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="充填写颜色") return(false);
window.returnValue=url;
window.close();
}