document load 与document ready的区别

Posted plblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了document load 与document ready的区别相关的知识,希望对你有一定的参考价值。

页面加载完成有两种事件
 
1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数
问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响
 
2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行
在原生的jS中不包括ready()这个方法,只有load方法就是onload事件

以上是关于document load 与document ready的区别的主要内容,如果未能解决你的问题,请参考以下文章

jQuery中ready与load事件的区别

$(document).ready(function(){})与window.load

比较body.onload(function())$(document).ready(function())与$(windows).load(function)

document DOMContentloaded和document load

$(document).load(); $(document).ready();的执行顺序

document.ready事件和document.load事件的区别