iFrame がロードされ、コンテンツが含まれているかどうかを確認するにはどうすればよいですか?

iFrame の負荷またはコンテンツの存在を確認する方法

問題:

メソッドを探していますiFrame が正常に読み込まれたか、コンテンツが含まれているかどうかを確認するには、標準的なアプローチでは十分ではない可能性があります。ロードされた状態を判断することは、特定のアクションをトリガーしたり、ロードに過度に時​​間がかかるシナリオを処理したりするために重要です。

解決策:

この問題に効果的に対処するには、次のアプローチを検討してください。

<script><br>関数 checkIframeLoaded() {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// Obtain the iFrame element
var iframe = document.getElementById('i_frame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

// Evaluate loading status
if (  iframeDoc.readyState  == 'complete' ) {
    // Loading is completed; execute desired functionality
    afterLoading();
    return;
} 

// Loading is incomplete; re-check in 100 milliseconds
window.setTimeout(checkIframeLoaded, 100);

ログイン後にコピー

}

関数 afterLoading(){

alert("I am here");

}

このスクリプトは次のように動作します:

1. iFrame 要素の取得: スクリプトは ID によって iFrame 要素を見つけます。
2. 読み込みステータスの確認: iFrame の readState プロパティを調べます。 「complete」に設定すると、読み込みが完了したことを示し、afterLoading() 関数がトリガーされます。
3. 再帰チェック: 読み込みが完了していない場合、スクリプトは再読み込みするまで 100 ミリ秒待機します。 iFrame のステータスを評価します。この再帰的なアプローチにより、読み込みが完了するまでスクリプトが定期的にチェックされます。
4. カスタム関数の実行: 完了すると、afterLoading() 関数を使用して、次のような任意のアクションを実行できます。通知を表示するか、ロードされたコンテンツをさらに処理します。

以上がiFrame がロードされ、コンテンツが含まれているかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。