DOMの準備ができたら、onLoadは常に起動されますか？

Question

DOMの準備ができたら、私のプラグインがDOMに対して行う「機能」を無効にします。

onloadコールバック内にコードを挿入すると、コールバックのreadyの後に必ず実行されますか？

私は100％で確実に何かの画像がなくても、準備が実行されてからオンロードされます。

Answer 1

私は@jAndy's answerが正しいと思うが、あなたはまた、ready()呼び出し内でonloadにコードを配置することによって、自分自身にいくつかの余分な保証を与えることができます。

メインのready()コールが最初に来るようにしてください。

$(document).ready(function() { 
    // Your normal ready handler 
}); 

$(window).load(function() { 
    // Placing code in another .ready() call in here will add it to the 
    // end of internal Array of ready handlers if any are pending 
    $(document).ready(function() { 
     // my onload code 
    }); 
}); 

ready()はすでに時間でonload火災を解雇しているのであれば、あなたのonloadコードがまだ実行されます。あなたの元ready()コードであることを意味します（DOMの準備ができたら、内部フラグが設定されているので、将来の.ready()コールがすぐに呼び出されます。）

onloadが発生したとき.ready()は何とかないが発射されている場合、最初に内部配列にあり、新しい.ready()コードが配列の末尾に追加されます。

DOMの準備ができたときに発生する主なjQuery.readyハンドラのat the sourceを探し（順番に、利用者の.ready()ハンドラのリストを発射する）、それはのように表示されます。

---

はEDIT

IEのバグがありますが、ハンドラが少し早く起動します。

このバグを修正するには、document.bodyが実際に表示されるまで、は非同期にハンドラを呼び出します。

ready: function (wait) { 
    // Either a released hold or an DOMready/load event and not yet ready 
    if ((wait === true && !--jQuery.readyWait) || (wait !== true && !jQuery.isReady)) { 
 // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). if (!document.body) { return setTimeout(jQuery.ready, 1); }  
     // Remember that the DOM is ready 
     jQuery.isReady = true; 

     // If a normal DOM Ready event fired, decrement, and wait if need be 
     if (wait !== true && --jQuery.readyWait > 0) { 
      return; 
     } 

     // If there are functions bound, to execute 
     readyList.fireWith(document, [jQuery]); 

     // Trigger any bound ready events 
     if (jQuery.fn.trigger) { 
      jQuery(document).trigger("ready").off("ready"); 
     } 
    } 
}, 

原因ハンドラのこの非同期ループで、その後、IEは、少なくとも.ready()ハンドラの前に呼び出さwindow.onloadハンドラを持つことにおそらくがちであろうと思われます。

上記のようにonloadのハンドラリストに.ready()ハンドラリストを追加すると、これを修正する必要があります。

Answer 2

はい。何かがロードされたとき

• onloadが起動します（画像、フレーム、アイフレームなど）、
• DOMContentLoadedとすぐにDOMツリーにアクセス得ることができるように起動します。

Answer 3

自分で試してみてください：大きなHTMLファイルを作成し、すべての依存リソース（イメージ、スクリプト、スタイルシート）を削除してテストします。すべてのリソースは、インターネットから取得され

負荷が発生します。 DOMContentLoadは、HTMLがフェッチされると起動します。およびが解析されます。後者は140 KBのHTMLコードで私のテストで14ミリ秒かかりました。確かにそれは最悪のケースですが、DOMContentLoadedの前に負荷が発生するという保証はありません。外部リソース（キャッシュ、HTTP/2による並列ダウンロード、高速接続など）でさえも保証されません。