onload

在一样平常的开辟中，我们常经常使用window.onload来触发实行函数，然则这每每不能满足我们的请求，比方，ajax的时刻，我们要获得大批的url加载到图片的父级上，这个时刻假如如果比及图片都加载终了后再赋值，那末有的用户没等看到图片就点击了，如许就会出问题，所以，我们要在全部dom加载终了后，就马上实行一些函数，所以就有了domReady。

domReady

domReady这类叫法，好像是在jq中才这么叫的，真正的内容就是在火狐中有一个‘DOMContentLoaded’，而近来的也有许多当代浏览器接受了这类做法，然则在ie中就没有办法，然则在ie中，每一个dom元素都有一个滚动条属性，所以，如许能够用做推断，下面就是一个例子

例子

/**
 * [domReady 监听Dom树建立终了实行参数]
 * @param  {[List]} fnList [dom实行终了所实行的函数数组]
 * @return {[void]}        []
 */
    function domReady(fnList){
        if(!fnList)return undefined;
        if(document.addEventListener){
            document.addEventListener('DOMContentLoaded',function(){
                doFnList(fnList);//先进的浏览器
            },false)
          }else{
                try{
                    document.documentElement.doScroll('left');//在ie中每一个元素都有一个doSroll属性，看documentElement的滚动条属性是不是终了，假如终了就证实全部dom树建立终了，假如没有建立终了就接见这个属性会报错，所以try catch了
                }catch(e){
                    setTimeout(arguments.callee,50)
                }
                doFnList(fnList);
           }
            var b = false; //只实行一次 
            /**
             * [doFnList 实行函数列表的要领]
             * @param  {[type]} fnList [dom实行终了所实行的函数数组]
             * @return {[void]}        []
             */
            function doFnList(fnList){
              if(b)return;
              b = true;
              for(var i=0,fn;fn = fnList[i++];){
               //console.log(i)
                fn();
              }
                fnList = null;
                doFnList = null;
            }
    }