ページが正常にロードされているかどうかを確認する方法

必要なdocument.readystateでは、それはどこのページの読み込み、ページの読み込みが終了した場合、document.readystateで戻っ「完全」に決定することができます。

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換" コンテンツ= "IE =縁" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 

< ボディ> 
    <= "https://pic.cnblogs.com/face/1725689/20190826182819.png" ALT = "" > 
    < スクリプト> 
        document.addEventListener（" readystatechange " 、関数（E）{
             場合（e.target.readyState == =  ' 完全' {）
                はconsole.log（" 加载完成" ）; 
            } 他{ 
                にconsole.log（" 正在加载" ）; 
            } 
        ）} 
    </ スクリプト>
</ボディ> 

</ HTML >

 

注意：

1.すべての  document.readystateでの変更は、値がトリガされますreadystatechangeイベントを。

2.使用することもできたsetInterval（）と同じ機能を実現します。

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 

< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換" コンテンツ= "IE =縁" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 

< ボディ> 
    <
        間隔= のsetInterval（関数（）{
             場合（document.readystateで===  ' 完了' ）{ 
                てclearInterval（間隔）
                はconsole.log（' 加载完成' ）; 
            } 他{ 
                にconsole.log（' 正在加载' ）; 
            } 
        }、100 ）。
    </ スクリプト> 
    < IMG SRC = "https://pic.cnblogs.com/face/1725689/20190826182819.png" ALT = ""> 
</ ボディ> 

</ HTML >