欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

提取jquery的ready()方法單獨(dú)使用示例

 更新時(shí)間：2014年03月25日 15:32:12   作者：  
有一些功能需求，需要在DOM載入時(shí)馬上執(zhí)行一些函數(shù)，但又不愿意僅為了這一個(gè)需求而引入整個(gè)JQuery庫(kù)，于是就把jQuery的方法提取出來，單獨(dú)使用了

大家可以使用windows.onload事件，但onload在看來，就是頁(yè)面上的東西（img,iframe等資源）全部都加載完畢后才能發(fā)生，如果頁(yè)面內(nèi)有大的圖片的話，會(huì)在頁(yè)面展現(xiàn)后好久時(shí)間后才執(zhí)行。

如果只需要對(duì)DOM進(jìn)行操作，那么這時(shí)就沒必要等到頁(yè)面全部加載了。我們需要更快的方法。Firefox有DOMContentLoaded事件可以輕松解決，可惜的就是IE沒有。

MSDN關(guān)于JSCRIPT的一個(gè)方法有段不起眼的話，當(dāng)頁(yè)面DOM未加載完成時(shí)，調(diào)用doScroll方法時(shí)，會(huì)產(chǎn)生異常。那么我們反過來用，如果不異常，那么就是頁(yè)面DOM加載完畢了。所以 對(duì)于Mozilla & Opera 瀏覽器，在dom樹載入后有現(xiàn)成的 DOMContentLoaded 事件。對(duì)于Safari 瀏覽器，有document.onreadystatechange事件，當(dāng)該觸發(fā)時(shí)，如果 document.readyState=complete時(shí)，可視為dom樹已經(jīng)載入。

對(duì)于ie，當(dāng)在iframe內(nèi)時(shí)，同樣有document.onreadystatechange事件，對(duì)于ie在非iframe內(nèi)時(shí)，只有不斷地通過能否執(zhí)行doScroll判斷dom是否加載完畢。

在本例中每間隔5毫秒嘗試去執(zhí)行 document.documentElement.doScroll('left')。在ie8下，貌視非iframe窗口也會(huì)有document.onreadystatechange事件，另外你也可以在構(gòu)建自己的框架時(shí)使用此函數(shù)。

復(fù)制代碼 代碼如下:

(function(){
 var isReady=false; //判斷onDOMReady方法是否已經(jīng)被執(zhí)行過
 var readyList= [];//把需要執(zhí)行的方法先暫存在這個(gè)數(shù)組里
 var timer;//定時(shí)器句柄

 ready=function(fn)
 {
  if (isReady )
   fn.call( document);
  else
   readyList.push( function() { return fn.call(this);});
  return this;
 }
 var onDOMReady=function(){
  for(var i=0;i< readyList.length;i++)
  {
   readyList[i].apply(document);
  }
  readyList = null;
 }
 var bindReady = function(evt)
 {
  if(isReady) return;
  isReady=true;
  onDOMReady.call(window);
  if(document.removeEventListener)
  {
   document.removeEventListener("DOMContentLoaded", bindReady, false);
  }
  else if(document.attachEvent)
  {
   document.detachEvent("onreadystatechange", bindReady);
   if(window == window.top){
    clearInterval(timer);
    timer = null;
   }
  }
 };
 if(document.addEventListener){
  document.addEventListener("DOMContentLoaded", bindReady, false);
 }
 else if(document.attachEvent)
 {
  document.attachEvent("onreadystatechange", function(){
   if((/loaded|complete/).test(document.readyState))
   bindReady();
  });
 if(window == window.top)
 {
  timer = setInterval(function(){
   try
   {
    isReady||document.documentElement.doScroll('left');//在IE下用能否執(zhí)行doScroll判斷 dom是否加載完畢
   }
   catch(e)
   {
    return;
   }
   bindReady();
  },5);
 }
 }
})();

使用方法如下：

復(fù)制代碼 代碼如下:

ready(dosomething);//dosomething為已存在的函數(shù)
//也可以通過閉包來使用
ready(function(){
 //這里是邏輯代碼
});

相關(guān)文章

最新評(píng)論