ホームページ >ウェブフロントエンド >jsチュートリアル >iFrame 内の JavaScript 関数を親ページから呼び出すにはどうすればよいですか?

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

DDD
DDDオリジナル
2024-12-11 17:40:22285ブラウズ

How Can I Call a JavaScript Function Inside an iFrame from its Parent Page?

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

親ページから iframe 内の JavaScript コードを呼び出すには、まず iframe のID (「targetFrame」など)、および iframe 内で呼び出す関数 (例) "targetFunction()."

iframe へのアクセス:

  • document.getElementById の使用: document.getElementById('targetFrame').contentWindow.targetFunction();
  • window.frames の使用: window.frames[0].frameElement.contentWindow.targetFunction(); (注: この方法は、Chrome および Firefox の新しいバージョンでは機能しない可能性があります。)

例:

// Target the iframe with ID "targetFrame"
const iframe = document.getElementById('targetFrame');

// Get the window object of the iframe
const iframeWindow = iframe.contentWindow;

// Invoke the "targetFunction()" function within the iframe
iframeWindow.targetFunction();

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。