ホームページ  >  記事  >  ウェブフロントエンド  >  IFRAME データがロードされた後にアクセスするにはどうすればよいですか?

IFRAME データがロードされた後にアクセスするにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-19 10:14:30255ブラウズ

How to Access IFRAME Data After it has Loaded?

読み込み後の IFRAME データへのアクセス

IFRAME が Web ページに挿入されるとき、読み込みプロセスの完了時にコールバックを実行すると、不可欠であること。ただし、IFRAME のコンテンツを外部から制御するには課題が生じる可能性があります。

解決策: タイムアウトを利用する

解決策は、タイムアウト関数を使用することです。 jQuery を使用した実装例を次に示します。

<code class="javascript">$('#myUniqueID').load(function () {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () { $('#frameId').remove(); }, 50);
});
</code>

実装の詳細:

  • IFRAME の読み込みが完了すると、コールバック関数が実行されます。
  • IFRAME のコンテンツは contentWindow 経由でアクセスされ、HTML コードが取得されます。
  • コールバックの実行後、DOM に残らないように IFRAME を削除するタイムアウトが設定されます。

考慮事項:

  • IFRAME の URL がドメイン上に存在する場合、このメソッドによりそのコンテンツへのアクセスが許可されます。
  • クロスサイト リクエストの場合、クロスオリジン ポリシーの制限により、コンテンツへのアクセスが制限される場合があります。

以上がIFRAME データがロードされた後にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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