JavaScriptの利用分析 window.opener_基礎知識-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:30:22

オリジナル

1254 人が閲覧しました

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','