真题30 Window.onload事件和$( document).ready( )函数有什么区别？

【出现频率】★★★☆☆ 【学习难度】★★☆☆☆

答案：两者的区别主要是：Window.onload除了要等待DOM被创建，还要等到包括大型图片、音频、视频在内的所有资源都加载完成后才会执行。加载图片和视频通常会占用较多的时间，所以Window.onload事件上的代码在执行时可能会有明显的延迟。

$(document).ready( )函数只需DOM元素加载完成就会执行，无须等待图像等其他资源的加载，所以执行起来更快。使用$(document).ready( )的另一个优势是可以在网页中多次使用，浏览器会按它们在HTML页面中出现的顺序执行它们。而onload只能使用单一函数。所以，通常都会使用$(document).ready( )函数而极少使用Window.onload事件。