前端开发学习之——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。