Tag Archives: document.ready

我们经常使用window.onload来绑定“页面加载”这个事件，但实际上window.onload会在页面元素全部加在完毕后执行，如果网页上有相当多的图片，我们就会察觉到Javascript执行的延迟。

jQuery为我们提供了一个document.ready方法，用来代替window.onload。

好处
尽管onload事件能够保证绝对不出错，但往往它执行的太晚了，因为它需要在页面元素全部加载完之后执行。
这使得很多页面的JS功能必须等待漫长的图片加载过程，往往用户在页面还没完全打开时已经关闭了页面…悲剧！
使用document.ready方法可以让页面“边下载，边执行”，提供更好的浏览体验。
如：
我们可以将图片预加载放在document.ready中，这样这些图片就不必等到页面加载完毕后再下载。

虽然原生JS没有给我们提供ready方法，但我们也可以自己简单构建一个，尽管没有jQuery中那么强大，但也勉强够用。
(more…)