jQuery的页面载入事件

时间：2014-5-5

   jQuery的页面载入事件是ready()方法.这个方法类似于传统JavaScript中的OnLoad()方法,只不地在事件执行时间上有区别,OnLoad()方法的执行必须是页面中的全部元素完全加载到浏览器后才触发,在这种情况下,如果页面中的图片过多或图片过大,那么有可能要等OnLoad()广告执行完毕,用户才进能行其他的操作,如果使用jQuery中的ready()方法加载页面,则只要页面的DOM模型加载完毕,就会触发ready()方法,因此,两者在事件的执行效果上ready()方法明显优于JavaScript中的OnLoad()方法.
   我们可以解剖一下jQuery中ready()方法的工作原理;在jQuery脚本加载到页面时,会设置一个isReady的标记,用于监听页面加载的进度,当然遇到执行ready()方法时,通过查看isReady值是否被设置,如果未被设置,那么就说明页面并未加载完成,在此情况下,将未完成的部分用一个数组缓存起来,当全部加载完成后,再将未完成的部分通过缓存一一执行.