動的に読み込まれるページの JavaScript から親 iframe にアクセスするにはどうすればよいですか?

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

複数の iframe が同じページを動的にロードできるシナリオでは、ロードされたページから親 iframe にアクセスします。ページは難しいかもしれません。この記事では、このニーズに対処し、子 iframe と親 iframe 間の接続を確立する方法を説明します。

解決策:

子ページとその親 iframe 間の通信を確立するには効果的な方法の 1 つは、iframe に明示的な名前と ID を割り当てることです。それらの値を同等にすることで、ターゲット iframe を効率的に識別できます。

<iframe>

子ページに埋め込まれた JavaScript コード内から、次の構文を使用して親 iframe にアクセスできます:

parent.document.getElementById(window.name);

このアプローチは、子ページと親 iframe の動的な性質に関係なく、子ページと親 iframe の間に堅牢で信頼性の高い通信メカニズムを提供します。これにより、読み込まれたページ内から親 iframe にアクセスして操作できるようになり、iframe を閉じたり、特定の情報を取得したりするなどのタスクを実行できるようになります。

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