                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

ready()事件与onLoad()事件，DOM结构加载后便触发与全部元素加载成功才触发有什么不同？

ready()事件与onLoad()事件，DOM结构加载后便触发与全部元素加载成功才触发有什么不同？DOM结构不是包含HTML所有的元素吗？还是说onload()要把JavaScript代码和css都加载完后才触发？

得闲无事学编程

2015-01-05

源自：jQuery基础课程 6-1

关注问题我要回答

1216

操作

收起

2 回答

Thinker_Ac
2015-08-08

简单来说，ready就是只要DOM结构加载出来就触发了，而页面中不只有DOM结构啥的，还会有图片之类的比较耗时间的东西，而onload就是要等到全部元素包括DOM结构和图片之类的加载完成才会触发。

1 回复有任何疑惑可以回复我~

收起回答

康振宁
2015-01-06

当一个网页完全下载到客户端浏览器之后,才会触发window.onload()事件,页面完全下载后,页面中所有的DOM元素都是可以访问的.这种方式有一个很大的优点:不用考虑DOM元素加载的顺序.而$(document).ready()事件,则是在DOM完全就绪时触发,并不要求页面所有DOM元素加载到浏览器.当HTML解析为DOM元素之后,事件就可以运行了.这种方式优于onload()事件在于:$(document).ready()可以在页面没有完全下载时,操作页面的DOM元素.