当前位置: 首頁 > javascript > 关于document.ready和 window.onload

关于document.ready和 window.onload

昨天无聊,想着要做一个页面加载进度条,类似youtube上的线性加载进度条。

了解了原理之后,写了DEMO,效果用原生JS写的,但是为了相对比较“准确”的显示出页面加载进度,进度的更新都是嵌在DOM里。


突然间想到jQuery的document.ready和window.onload的区别会是怎样(其实看字面上的意思,就大概可以猜出几分了,但是还真的从来没验证过);

后来效验过之后,印证得出


document.ready指的是DOM的ready,其他页面上的加载时独立开的内容,如图片,或者其他媒体外链文件等除外。

window.onload则会在包括DOM之内还有所有图片和外链的文件等等,都加载完毕后才会执行。


另外JQ还有一个方法$(window).load(function(){}); 和window.onload 效果一样,但是原生的JS并没有和document.ready等效的内置方法。


页面加载效率上来说,如果是无需和链接文件相关联的效果,比如只是一个评论按钮之类的功能,肯定是document.ready比较快的,对于页面加载效率上来说,比较推荐。

window.onload可以看需要使用。


PS:以前遇过自以为是的人,称document.ready,是有bug的,认为是写的不好的window.onload...真是笑死人.....

评论 ( 0 )

网友留言