前端开发学习之——dom ready和window onload的区别

时间 2019-11-30

标签前端开发学习 dom ready window onload 区别栏目 HTML 繁體版

原文原文链接

1.ready事件是在页面中全部DOM结构已彻底加载时执行，监听的是 DomContentload 事件，初始化并解析完成时触发，不须要等待样式表、图片和 iframes 加载完，也就是说当这个事件触发的时候，你就能够经过 JS 获取全部你 html 里的节点了。html

jQuery 中监听 dom ready 的写法有三种：dom

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

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

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

2.window 的 onload 事件是在文档的全部资源都加载完成以后触发，包括 JS、CSS、文档里面的全部的图片，多媒体内容等等。spa

因此 onload 触发的会比 dom ready 慢，好比有一个大图片，页面都已经展示出来了，图片还没加载完成，那么 onload 就不会被触发。code

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

等价于：

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

因此根据须要使用 dom ready 或者 window onload。htm