いつwindow.opener / window.parent / window.topを使用するか

JavaScriptでは際に使用しますかwindow.opener/ window.parent/ window.top？

• window.opener呼び出し元のウィンドウwindow.open( ... )を開くために呼び出されたウィンドウを指します
• window.parent<frame>またはのウィンドウの親を参照します<iframe>
• window.top<iframe>サブウィンドウの1つ以上のレイヤーにネストされたウィンドウの最上位のウィンドウを指します

それらは、参照ウィンドウの状況に関連しない場合null（またはおそらくundefined）になります。（「参照ウィンドウ」とは、JavaScriptコードが実行されるコンテキストを持つウィンドウを意味します。）

質問にいくつかのコンテキストを追加する必要があると思います。ただし、これらの基本的な情報はここにあります。

window.opener https://developer.mozilla.org/en-US/docs/Web/API/Window.opener

ユーザー入力を必要とし、情報をメインウィンドウに返す必要があるダイアログとして機能する新しいウィンドウを開くときに、ほとんどwindow.openerを使用しました。ただし、これはオリジンポリシーによって制限されているため、ダイアログのコンテンツとオープナーウィンドウの両方が同じオリジンからロードされるようにする必要があります。

window.parent https://developer.mozilla.org/en-US/docs/Web/API/Window.parent

私は主に、IFrameを含むウィンドウオブジェクトと通信する必要があるIFrameを操作するときにこれを使用しました。

window.top https://developer.mozilla.org/en-US/docs/Web/API/Window.top

これは、最上位のブラウザウィンドウと対話していることを確認するのに役立ちます。他のサイトがあなたのウェブサイトを改ざんすることを防ぐためにそれを使用することができます。

質問にさらに詳細を追加すると、より関連性の高い他の例を提供できます。

更新： 状況に対処する方法はいくつかあります。
次の構造があります。

• メインウィンドウ
  • ダイアログ1
    • ダイアログ1によって開かれたダイアログ2

Dialog 1がDialog 2を開くコードを実行するとき、Dialog 2を作成した後、Dialog 1に、Dialog1オープナーを参照するDialog 2のプロパティを設定させます。

したがって、「子ウィンドウ」がダイアログ2のウィンドウオブジェクトの変数であり、「ウィンドウ」がダイアログ1のウィンドウオブジェクトの変数である場合。ダイアログ2を開いた後、ダイアログ1を閉じる前に、次のような割り当てを行います。

childwindow.appMainWindow = window.opener

上記の割り当てを行ったら、ダイアログ1を閉じます。次に、ダイアログ2内で実行されているコードから、を使用window.appMainWindowしてメインウィンドウであるウィンドウオブジェクトを参照できるようになり ます。

お役に立てれば。

top、parent、opener（およびwindow、self、iframe）はすべてwindowオブジェクトです。

1. window.opener ->現在のポップアップウィンドウを開く、または起動するウィンドウを返します。
2. window.top ->最上位のウィンドウを返します。フレームを使用している場合、これはフレームセットウィンドウです。フレームを使用していない場合、これはウィンドウまたはセルフと同じです。
3. window.parent->現在のフレームまたはiframeの親フレームを返します。親フレームは、フレームセットウィンドウか、ネストされたフレームがある場合は別のフレームです。フレームを使用しない場合、親は現在のウィンドウまたは自分と同じです

ポップアップを処理するときはwindow.openerが重要な役割を果たします。これは、親ページと子ページのフィールドを処理する必要があるためです。親ページで値を使用する必要がある場合は、window.openerを使用するか、いくつかのデータが必要です。読み込み時の子ウィンドウまたはポップアップウィンドウで、再びwindow.openerを使用して値を設定できます。