jqueryを抽出するready()メソッドの単独使用例

みんなwindowsを使うことができます.onloadイベントですが、onloadは、ページ上のもの(img、iframeなどのリソース)がすべてロードされてから発生し、ページ内に大きな画像があれば、ページが表示されてから長い時間後に実行されます.
DOMを操作するだけであれば、ページがすべてロードされるまで待つ必要はありません.私たちはもっと速い方法が必要です.FirefoxにはDOMContentLoadedイベントがあり簡単に解決できますが、残念なことにIEはありません.
MSDN JSPCRIPTの1つのメソッドについて目立たない場合、ページDOMのロードが完了していない場合、doScrollメソッドを呼び出すと異常が発生します.では逆に、異常がなければページDOMのロードが完了します.したがってMozilla&Operaブラウザではdomツリーのロード後に既存のDOMContentLoadedイベントがあります.Safariブラウザにはdocumentがあります.onreadystatechangeイベント、トリガーされた場合document.readyState=completeの場合、domツリーがロードされているとみなされます.
ieについてはiframe内にある場合もdocumentがある.onreadystatechangeイベントは,ieがiframe内でない場合にdoScrollを実行できるか否かでdomがロード済みか否かを判断するのみである.
この例では5ミリ秒ごとにdocumentを実行しようとする.documentElement.doScroll('left').ie 8では、ビュー非iframeウィンドウにもdocumentがあります.onreadystatechangeイベントでは、独自のフレームワークを構築するときにこの関数を使用することもできます.

 
  
(function(){ 
  
 var isReady=false; //  onDOMReady           
  
 var readyList= [];//                  
  
 var timer;//      
  
 
  
 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      doScroll   dom       
  
   } 
  
   catch(e) 
  
   { 
  
    return; 
  
   } 
  
   bindReady(); 
  
  },5); 
  
 } 
  
 } 
  
})(); 
  
 
 

使用方法は次のとおりです.

 
  
ready(dosomething);//dosomething        
  
//           
  
ready(function(){ 
  
 //        
  
});