親ページから iframe 内の JavaScript 関数を呼び出すにはどうすればよいですか?

親ページから Iframe 内の JavaScript コードを呼び出す

Web 開発では、埋め込まれた JavaScript コードを操作する必要があるシナリオがあります。親ページの iframe 内。 parent.functionName() を使用して iframe から親関数を呼び出すのは簡単ですが、その逆の操作には課題があります。

解決策

内部で定義された関数を呼び出すには親ページから iframe を取得するには、次のコード スニペットを利用できます。

document.getElementById('targetFrame').contentWindow.targetFunction();

targetFrame を ID に置き換えます。または iframe 要素の名前。

別のオプションは、window.frames 配列を通じてフレームにアクセスすることです:

window.frames[0].frameElement.contentWindow.targetFunction();

注: 2 番目の方法は機能しない可能性があります。 Chrome と Firefox の新しいバージョンでは、クロスオリジン通信の制限により、このような問題が発生します。

これらのテクニックを利用することで、親ページ間で効果的に通信できます。とその埋め込み iframe により、必要に応じて特定の JavaScript 関数を呼び出すことができます。

以上が親ページから iframe 内の JavaScript 関数を呼び出すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。