ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript から親 iframe にアクセスするにはどうすればよいですか?

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

Susan Sarandon
Susan Sarandonオリジナル
2024-11-06 00:59:02835ブラウズ

How to Access Parent Iframe from JavaScript?

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。