ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptの利用分析 window.opener_基礎知識

JavaScriptの利用分析 window.opener_基礎知識

WBOY
WBOYオリジナル
2016-05-16 18:30:221218ブラウズ
window.opener の使用法
window.opener は、現在のウィンドウを作成したウィンドウへの参照を返します。たとえば、a.htm 上のリンクをクリックして b.htm を開くと、次のようになります。 b.htm に値を入力し、それを a.htm の ID「name」を持つテキストボックスに割り当てることを計画します:

window.opener.document.getElementById("name") .value = "入力データ";

JavaScript の window.opener についてよく理解できません。
フレーム内で使用できないのはなぜですか? ポップアップ ウィンドウの親ウィンドウをフレーム内のページに配置できないのはなぜですか?では、ポップアップウィンドウからフレーム内の親ウィンドウを操作するにはどうすればよいでしょうか?

opener.parent.frames['frameName'].document.all.input1.value これを試してみてください:)
しかし、window.opener について話すとき、これら 2 つを開くと言わなければなりません。併用も可能です。
Window.open() サポート環境: JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3

基本構文:
window.open(pageURL,name,parameters)
ここで:
pageURL はサブウィンドウのパスです
name はサブウィンドウのハンドルです
parameters はウィンドウのパラメーターです (各パラメーターはカンマで区切られています)

例:



スクリプトが実行されると、page.html が幅 100、高さ 400、画面の上から 0 ピクセル、画面から 0 ピクセルの新しいウィンドウで開きます。画面の左側、ツールバー、メニューバー、スクロールバーなし、サイズ変更不可、アドレスバーなし、ステータスバーなし。
上記の例には、以下に示すように、いくつかの一般的に使用されるパラメータが含まれています。
さまざまなパラメータ
その中で、yes/no はピクセル値 1/0 も使用できます。ピクセル単位の特定の値。
パラメータ | 値の範囲 | 説明
alwaysLowered | 指定されたウィンドウはすべてのウィンドウの後ろに隠れます
alwaysRaized | 依存します| no | 親ウィンドウを同時に閉じるかどうか | Nav2 と 3 のディレクトリ バーを表示するかどうか |
ウィンドウの高さ | はい/いいえ |メニューバーのないウィンドウの場合 CMD セーフ終了 ホットキー
ウィンドウ内のドキュメントのピクセルの高さ
ドキュメントのピクセル幅
位置 | | ロケーションバーが表示されるかどうか
menubar | メニューバーが表示されるかどうか
outerHeight | ウィンドウのピクセルの高さを設定します。ウィンドウのピクセル幅 (装飾境界線を含む) を設定します。
resizable かどうか。
screenX のピクセル値 | >screenY | 画面の上端からのウィンドウのピクセルの長さ
スクロールバーを付けることができるかどうか | ウィンドウのタイトルバーを付けることができるかどうか表示される
ツールバー | はい/いいえ | ウィンドウのツールバーが表示されるかどうか
ピクセル値 | ウィンドウが他のウィンドウの上に表示されるかどうか |

関数を使用してポップアップ ウィンドウを制御します
以下は完全なコードです。








任意のページコンテンツ...


ここではopenwin()という関数が定義されており、関数内容はウィンドウを開くというものです。なんと呼びますか?
方法 1:
ブラウザがページを読み取るときにポップアップ ウィンドウが表示されます。
方法 2:

次のときにポップアップ ウィンドウが表示されます。ブラウザがページを離れます。
方法 3:
接続を使用して呼び出します:
ウィンドウを開きます

注: 使用されている「#」は仮想接続です。
方法 4:
ボタンを使用して呼び出します:
window.showModalDialog を使用せずに、window.open を使用して親ウィンドウに値を返す方法。
例: ページ AAA.htm は、window.open メソッドを使用してページ BBB.htm をポップアップします。
BBB.htm ページで値を選択し、ウィンドウを閉じた後、選択した値を親ウィンドウ AAA.htm に返します。
戻り値を取得した後、AAA.htm はこのページのテキスト ボックスに値を割り当てます。
次のコードを BBB.htm ページに追加します。
window.opener.document.getElementById("theTextAreaId").value = document.getElemnetById("theSelectId").value;

window.opener
window.opener の使用法は、現在のウィンドウを作成した親ウィンドウへの参照を返します。たとえば、a.htm 上のリンクをクリックすると b.htm が開き、次に b に入力する予定です。 htm 次に、a.htm 上の ID「name」を持つテキストボックスに値が割り当てられます。これは次のように記述できます。

window.opener.document.getElementById("name").value = "入力データ" ;
JavaScript の window.opener についてよく理解していません。
为什么框架中不能使用,弹出窗口的父窗口不能在框架里面的某个页面呢?那怎样通过弹出窗口操作框架中的父窗口呢?
opener.parent.frames['frameName'].document.all.input1.value
即opener这个对象为前一个窗口,可以使用window.opener.document...调用document的相关方法,例如下面的例子,插入一些table行到前一个窗口:
function taletoTb(itemStr) {
newRow = opener.document.all.itemTb.insertRow(opener.document.all.itemTb.rows.length);
rowCnt = opener.document.all.itemTb.rows.length;
newCell = newRow.insertCell();
newCell.insertAdjacentHTML('BeforeEnd','
'+itemCode+'
');
newCell = newRow.insertCell();
newCell.insertAdjacentHTML('BeforeEnd','
'+itemName+'
');
newCell = newRow.insertCell();
newCell.insertAdjacentHTML('BeforeEnd','
JavaScriptの利用分析 window.opener_基礎知識
');
} 11:56 浏览 (159) 评论 (0) 分类: JavaScript 2008-02-27
缩略显示confirm用法和例子
一般用于弹出对话框(确定/否)
确定:就执行其嵌套的内容;否:则反之










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