ホームページ > ウェブフロントエンド > jsチュートリアル > **iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**

**iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**

DDD
リリース: 2024-10-24 21:48:03
オリジナル
823 人が閲覧しました

**How to Reliably Determine if an iFrame Has Loaded and Contains Content?**

コンテンツ検出のための iFrame ロード ステータスの決定

Web 開発では、多くの場合、コンテンツを iFrame に動的にロードすることが必要になります。適切な機能を確保し、潜在的なエラーを回避するには、iFrame がいつ正常にロードされ、コンテンツが含まれているかを判断することが重要です。

問題:

変数ロードのある iFrame を考えてみましょう。時間。 iFrame が読み込みを完了したか、コンテンツを取得したかを検出する方法が必要です。 iframe.contents().find() や iframe.load(function()) などのアプローチは、常に実現可能であるとは限りません。

解決策:

JavaScript は次のとおりです。 iFrame のロード状態を効果的にチェックする関数:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<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 ドキュメントに次の行を追加します。

1

<code class="html"><body onload="checkIframeLoaded();"></code>

ログイン後にコピー

この関数は、iFrame の readState プロパティを定期的にチェックし、その読み込みステータスを示します。 readyState が「complete」に等しい場合、iFrame はロードされており、afterLoading() 関数を通じて任意のコードを実行できます。

以上が**iFrame が読み込まれ、コンテンツが含まれているかどうかを確実に判断する方法**の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート