コンテンツにアクセスせずに Javascript で IFrame 読み込みイベントを処理する方法は?

JavaScript での IFrame Loading イベント処理

JavaScript では、IFRAME コンテンツがアクセスできない。これを実現する方法は次のとおりです。

方法:

1. プログラムで IFRAME を作成し、DOM に追加します。
2. jQuery を使用します。 IFRAME ロードの完了を検出するためのload() イベント ハンドラ。
3. コールバック内でタイムアウト (例: 50 ミリ秒) を使用して IFRAME の削除を遅らせ、データの取得を確実にします。

例:

<code class="js">$('#myUniqueID').load(function () {
    if (typeof callback === 'function') {
        // Retrieve the IFRAME body content and pass it to the callback
        callback($('body', this.contentWindow.document).html());
        // Remove the IFRAME after a short delay to allow content retrieval
        setTimeout(function () { $('#myUniqueID').remove(); }, 50);
    }
});</code>

注: IFRAME コンテンツが別のドメインから提供されている場合、クロスオリジン リソース共有 (CORS) が原因でその本文を取得することはできません。制限事項

以上がコンテンツにアクセスせずに Javascript で IFrame 読み込みイベントを処理する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。