jquery中ready()函数执行的时机和window的load事件比较
jquery的ready()实现的是DOMContentLoaded事件,DOMContentLoaded与windowload事件的区别
简单的说ready()是在文档加载完成就会触发,此时图片等资源可能还没有完全加载,load是在所有资源都加载完成后才会触发
看下ready函数的代码就什么都清楚了。下面的代码加上了注释:
//HandlewhentheDOMisready ready:function(){ //MakesurethattheDOMisnotalreadyloaded if(!jQuery.isReady){ //Makesurebodyexists,atleast,incaseIEgetsalittleoverzealous(ticket#5443). if(!document.body){ returnsetTimeout(jQuery.ready,13); } //RememberthattheDOMisready jQuery.isReady=true; //Iftherearefunctionsbound,toexecute if(readyList){ //Executeallofthem varfn,i=0; while((fn=readyList[i++])){ fn.call(document,jQuery); } //Resetthelistoffunctions readyList=null; } //Triggeranyboundreadyevents if(jQuery.fn.triggerHandler){ jQuery(document).triggerHandler("ready"); } } },
以上所述就是本文的全部内容了,希望大家能够喜欢。