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

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

Web 開発では、親 iframe 内に読み込まれたページから親 iframe と対話する必要がある場合があります。これは JavaScript を使用して実現でき、親フレームから情報を操作したり取得したりできます。

動的に生成されたコンテンツを含む複数の iframe が読み込まれるシナリオを考えてみましょう。各 iframe には同じページが含まれる場合がありますが、特定の目的では、どの iframe を閉じる必要があるかを特定することが重要です。これを行うには、これらの iframe への参照を保持する配列が維持されます。

ロードされたページから親 iframe にアクセスするには、次のアプローチを利用できます:

1. 一意の ID と名前を iframe に割り当てます:
   iframe の id 属性と name 属性の両方を同じ値に設定します。

   <iframe>

2. ロードされたページから親フレームを取得します:
   子ページ (つまり、iframe 内にロードされたページ) 内で、次のコードを使用して親 iframe にアクセスします:

   parent.document.getElementById(window.name);

この方法に従うと、子ページとその親 iframe の間の接続を確立でき、プログラムで iframe を操作したり、iframe から情報を収集したりできるようになります。

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