親ページから iFrame 内の JavaScript 関数にアクセスするにはどうすればよいですか?

親ページから iFrame 内の JavaScript コードにアクセスする

親ページから埋め込まれた iFrame 内の JavaScript コードを呼び出すことは、一般的な課題となる可能性があります。 iFrame 内から親ページと対話する機能は簡単ですが、親ページから iFrame で定義された関数にアクセスするには、別のアプローチが必要です。

解決策:

これを実現するには、次のテクニックを利用できます:

1. iFrame の識別ID と関数名:
   iFrame に一意の ID があり、呼び出す関数に特定の名前があることを確認してください。

2. コンテンツ ウィンドウを取得します:
   document.getElementById() メソッドを使用して、ID で特定の iFrame をターゲットにし、その contentWindow を取得します。プロパティ:

   const contentWindow = document.getElementById('iFrameID').contentWindow;

3. 関数の呼び出し:
   iFrame のコンテンツ ウィンドウを取得したら、次を呼び出して目的の関数を呼び出すことができます:

   contentWindow.functionName();

たとえば、iFrame のID は「targetFrame」で、呼び出したい関数は targetFunction() です。次のように使用します。

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

代替メソッド:

または、次のようにアクセスできます。 window.frames:

 // This option may not work in the latest versions of Chrome and Firefox.
window.frames[0].frameElement.contentWindow.targetFunction();

を使用した iFrame のコンテンツ ウィンドウ

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