javascript domready？ [英] javascript domready?

问题描述

我知道我可以使用不同的框架（如prototype或jquery）将函数附加到window.onload，但这不是我正在寻找的。

我需要像.readyState这样的东西，这样我就可以这样做：

  if（document.isReady）{
 var id = document.getElem ... 
} 
  

除了使用什么之外还有其他方式框架吗？

解决方案

我已经更新了 DOMAssistant library 它和我一起工作

  var domReady =（function（）{
 var arrDomReadyCallBacks = []; 
 function excuteDomReadyCallBacks（）{
 for（var i = 0; i< arrDomReadyCallBacks。长度; i ++）{
 arrDomReadyCallBacks [i]（）; 
} 
 arrDomReadyCallBacks = []; 
} 
 
返回功能（回调）{
 arrDomReadyCallBacks.push（回调）; 
 / * Mozilla，Chrome，Opera * / 
 if（document.addEventListener）{
 document.addEventListener（'DOMContentLoaded'，excuteDomReadyCallBacks，false）; 
} 
 / * Safari，iCab，Konqueror * / 
 if（/KHTML|WebKit|iCab/i.test(navigator.userAgent））{
 browserTypeSet = true; 
 var DOMLoadTimer = setInterval（function（）{
 if（/loaded|complete/i.test(document.readyState））{
 // callback（）; 
 excuteDomReadyCallBacks（ ）; 
 clearInterval（DOMLoadTimer）; 
} 
}，10）; 
} 
 / *其他网络浏览器* / 
 
 window.onload = excuteDomReadyCallBacks; 
} 
}）（）
  

I know I can use different frameworks like prototype or jquery to attach a function to the window.onload, but's not what I'm looking for.

I need something like .readyState so that I can do something like this:

if(document.isReady){
  var id = document.getElem ...
}

is there any other way than using what the frameworks do?

解决方案

i've updated the code of DOMAssistant library it works fine with me

var domReady = (function (){
  var arrDomReadyCallBacks = [] ;
  function excuteDomReadyCallBacks(){
       for (var i=0; i < arrDomReadyCallBacks.length; i++) {
         arrDomReadyCallBacks[i]();
       }
       arrDomReadyCallBacks = [] ;
  }

  return function (callback){
    arrDomReadyCallBacks.push(callback);
     /* Mozilla, Chrome, Opera */
      if (document.addEventListener ) {
          document.addEventListener('DOMContentLoaded', excuteDomReadyCallBacks, false);
      }
    /* Safari, iCab, Konqueror */
    if (/KHTML|WebKit|iCab/i.test(navigator.userAgent)) {
        browserTypeSet = true ;
        var DOMLoadTimer = setInterval(function () {
            if (/loaded|complete/i.test(document.readyState)) {
                //callback();
                excuteDomReadyCallBacks();
                clearInterval(DOMLoadTimer);
            }
        }, 10);
    }
    /* Other web browsers */

    window.onload = excuteDomReadyCallBacks;
}
})()

这篇关于javascript domready？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！