JavaScript でカプセル化された子フレーム内から親 iframe にアクセスして操作するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-06 07:47:02
オリジナル
182 人が閲覧しました

How can I access and manipulate the parent iframe from within a JavaScript-encapsulated child frame?

JavaScript から親 Iframe へのアクセス

Web アプリケーション内にカプセル化された iframe は、埋め込みコンテンツの分離コンテナとして機能します。ただし、親 iframe から情報にアクセスするのは困難な場合があります。このブログ投稿では、親 iframe にアクセスし、JavaScript からそのコンテンツを操作する方法を検討します。

問題ステートメント

ページ上に複数の動的に生成された iframe が存在するシナリオがあります。各 iframe は同一のページを読み込みます。私たちの目的は、プログラムによって特定の iframe を閉じることです。これを実現するには、ロードされたページ内から親 iframe を識別する必要があります。

解決策

親 iframe にアクセスするには、次のアプローチを利用できます:

  1. 名前と ID 属性の割り当て: iframe とその親の両方に同じ名前と ID を与えます。これにより、両方のコンテキストで iframe を一意に識別できます。
<iframe>
ログイン後にコピー
  1. JavaScript を使用したアクセス: ロードされた子ページ内で、次の JavaScript コードを使用して取得します。親 iframe:
parent.document.getElementById(window.name);
ログイン後にコピー

このコードは、子ページの name プロパティに一致する ID を持つ iframe 要素を取得します。これは、親と同一になるように設定されています。

これにより、メソッドを使用すると、親 iframe を閉じたり、内容を変更したりするなど、必要に応じて親 iframe を操作できるようになります。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート