子 Iframe 内の JavaScript から親 Iframe にアクセスするにはどうすればよいですか?

JavaScript から親 Iframe にアクセスする

Web 開発では、同じドメインまたは異なるドメイン上のフレーム間で通信し、データにアクセスする必要があることがよくあります。 。この記事では、ページに iframe が埋め込まれており、iframe のコンテンツ内の JavaScript から親 iframe にアクセスする必要があるという特定のシナリオについて説明します。

次のような追加の詳細を指定します。

• 親 iframe は子 iframe と同じドメイン上にあります。
• 複数の iframe に同じページが含まれる場合があります。
• 目標は、iframe 内から現在の iframe を閉じることです。 content.

この要件に対処するには、いくつかのアプローチを検討できます。

Window.opener の使用

このプロパティは以下を提供します。現在のウィンドウを開いたウィンドウへの参照。子 iframe が親 iframe によって開かれた場合、window.opener を使用して親 iframe のウィンドウ オブジェクトにアクセスし、その DOM を操作できます。

// Get the parent iframe's window object
var parentWindow = window.opener;

親 IFrame の使用

もう 1 つのオプションは、iframe のドキュメント オブジェクトの親プロパティを使用することです。このプロパティは親ドキュメントへの参照を提供し、これにより親 iframe のウィンドウ オブジェクトへのアクセスが可能になります。

// Get the parent iframe's window object
var parentWindow = parent.window;

名前と ID の割り当て

を設定できます。 iframe の name 属性と id 属性の両方を同じ値に設定します。これにより、parent.document.getElementById(window.name) を使用して、子 iframe 内から親 iframe の要素を取得できるようになります。

<iframe></iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

これらのテクニックを理解することで、アクセスして操作できるようになります。子 iframe 内の JavaScript から親 iframe を使用して、iframe を閉じる、特定のデータを取得するなど、必要な機能を実装できるようにします。

以上が子 Iframe 内の JavaScript から親 Iframe にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。