前端開發學習之——dom ready和window onload的區別

1.ready事件是在頁面中全部DOM結構已徹底加載時執行，監聽的是 DomContentload 事件，初始化並解析完成時觸發，不須要等待樣式表、圖片和 iframes 加載完，也就是說當這個事件觸發的時候，你就能夠經過 JS 獲取全部你 html 裏的節點了。

jQuery 中監聽 dom ready 的寫法有三種：

$(document).ready(function(){
　　// do something
})

$().ready( function(){ // do something });

$(function(){ // do something })

2.window 的 onload  事件是在文檔的全部資源都加載完成以後觸發，包括 JS、CSS、文檔裏面的全部的圖片，多媒體內容等等。

因此 onload 觸發的會比 dom ready 慢，好比有一個大圖片，頁面都已經展示出來了，圖片還沒加載完成，那麼 onload 就不會被觸發。

$( window ).on( 'load', function() {
    // do something
} );

等價於：

$(window).load(function(){//此方法已廢棄
　　// do something
});

因此根據須要使用 dom ready 或者 window onload。