16、ready和onload的区别

2023-07-11 09:09:1901:36 1866
所属专辑:javascript面试题
声音简介

我们先看onload事件,比如我们body中写一个监听onload的方法,onload方法什么时候执行呢?
onload要在 创建DOM树之后,而且在所有外部资源全部加载完毕,并且整个页面在浏览器窗口中显示完毕之后,才会执行。
这些资源不仅包括图片资源,而且包括嵌入在页面上的flash视频,如果图片或者flash过多,那么会一段很长加载时间,
也就意味着延迟执行代码块的时间会更多。


jQuery中的ready()方法只需要等待文档结构被完全解析并且浏览器已经把HTML转化为DOM树后就会执行代码块,这里注意的是仅仅是DOM,
网页中的图片,flash等外部资源都毫无关联。


由此可见jQuery中的ready()方法比onload事件将缩短等待时间。


当然还有另外一种方式,就是把脚本都在标签后面,这样的话网页按照文档流顺序执行,也会达到jQuery中ready()效果,
并且这中方式将更快的展现网页内容。

用户评论

表情0/300
音频列表
猜你喜欢
Ready!GO!

点燃舞台ReadyGo!为梦想加油ReadyGo!SNH48GROUP《梦想演播厅》主题曲《ReadyGo》正式上线。活泼的节奏,动感的旋律,张扬着...

by:华语音乐

Ready Freddy

Ready,Freddy系列将带着我们走进美国一年级小男生Freddy的学校生活,和Freddy一起去学习各种各样有趣的知识。Freddy在课堂里跟老师和同学...

by:Sunny的阅读馆

Ready Freddy

欢迎关注微信公号:开阅英文童书馆,含启蒙至章节各类翻墙资源;欢迎进Q群561845064下载音频

by:快乐佳妈

Ready, Freddy

ProductdetailsAgeLevel:5-7GradeLevel:1-3450L-630L

by:Wendy的音频