ホームページ > 記事 > ウェブフロントエンド > JavaScript から親 iframe にアクセスするにはどうすればよいですか?
JavaScript から親 iframe にアクセスする
Web 開発では、親 iframe 内に読み込まれたページから親 iframe と対話する必要がある場合があります。これは JavaScript を使用して実現でき、親フレームから情報を操作したり取得したりできます。
動的に生成されたコンテンツを含む複数の iframe が読み込まれるシナリオを考えてみましょう。各 iframe には同じページが含まれる場合がありますが、特定の目的では、どの iframe を閉じる必要があるかを特定することが重要です。これを行うには、これらの iframe への参照を保持する配列が維持されます。
ロードされたページから親 iframe にアクセスするには、次のアプローチを利用できます:
一意の ID と名前を iframe に割り当てます:
iframe の id 属性と name 属性の両方を同じ値に設定します。
<iframe>
ロードされたページから親フレームを取得します:
子ページ (つまり、iframe 内にロードされたページ) 内で、次のコードを使用して親 iframe にアクセスします:
parent.document.getElementById(window.name);
この方法に従うと、子ページとその親 iframe の間の接続を確立でき、プログラムで iframe を操作したり、iframe から情報を収集したりできるようになります。
以上がJavaScript から親 iframe にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。