Web アプリケーション内にカプセル化された iframe は、埋め込みコンテンツの分離コンテナとして機能します。ただし、親 iframe から情報にアクセスするのは困難な場合があります。このブログ投稿では、親 iframe にアクセスし、JavaScript からそのコンテンツを操作する方法を検討します。
ページ上に複数の動的に生成された iframe が存在するシナリオがあります。各 iframe は同一のページを読み込みます。私たちの目的は、プログラムによって特定の iframe を閉じることです。これを実現するには、ロードされたページ内から親 iframe を識別する必要があります。
親 iframe にアクセスするには、次のアプローチを利用できます:
<iframe>
parent.document.getElementById(window.name);
このコードは、子ページの name プロパティに一致する ID を持つ iframe 要素を取得します。これは、親と同一になるように設定されています。
これにより、メソッドを使用すると、親 iframe を閉じたり、内容を変更したりするなど、必要に応じて親 iframe を操作できるようになります。
以上がJavaScript でカプセル化された子フレーム内から親 iframe にアクセスして操作するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。