ホームページ > 記事 > ウェブフロントエンド > **iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**
**iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**
- DDDオリジナル
- 2024-10-24 21:48:03705ブラウズ
コンテンツ検出のための iFrame ロード ステータスの決定
Web 開発では、多くの場合、コンテンツを iFrame に動的にロードすることが必要になります。適切な機能を確保し、潜在的なエラーを回避するには、iFrame がいつ正常にロードされ、コンテンツが含まれているかを判断することが重要です。
問題:
変数ロードのある iFrame を考えてみましょう。時間。 iFrame が読み込みを完了したか、コンテンツを取得したかを検出する方法が必要です。 iframe.contents().find() や iframe.load(function()) などのアプローチは、常に実現可能であるとは限りません。
解決策:
JavaScript は次のとおりです。 iFrame のロード状態を効果的にチェックする関数:
<code class="javascript">function checkIframeLoaded() {
// Get iframe reference
var iframe = document.getElementById('i_frame');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
// Check if loading is complete
if (iframeDoc.readyState == 'complete') {
// Loading is complete
afterLoading();
return;
}
// Set timeout for re-checking
window.setTimeout(checkIframeLoaded, 100);
}
function afterLoading(){
// Execute desired code after iFrame load
}</code>
HTML ドキュメントに次の行を追加します。
<code class="html"><body onload="checkIframeLoaded();"></code>
この関数は、iFrame の readState プロパティを定期的にチェックし、その読み込みステータスを示します。 readyState が「complete」に等しい場合、iFrame はロードされており、afterLoading() 関数を通じて任意のコードを実行できます。
以上が**iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。