jQuery的domready实现代码

function myReady(fn){

 //对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式
 if ( document.addEventListener ) {
    document.addEventListener("DOMContentLoaded", fn, false);
 } else {
    IEContentLoaded(fn);
 }

 //IE模拟DOMContentLoaded
 function IEContentLoaded (fn) {
   var d = window.document;
   var done = false;

    //只执行一次用户的回调函数init()
   var init = function () {
     if (!done) {
       done = true;
       fn(); //这里执行用户的代码
     }
   };

 (function () {
   try {
     // DOM树未创建完之前调用doScroll会抛出错误
     d.documentElement.doScroll('left');
   } catch (e) {
     //延迟再试一次~
     setTimeout(arguments.callee, 50);
     return;
   }
    // 没有错误就表示DOM树创建完毕，然后立马执行用户回调
   init();
 })();

 //监听document的加载状态
  d.onreadystatechange = function() {
   // 如果用户是在domReady之后绑定的函数，就立马执行
   if (d.readyState == 'complete') {
      d.onreadystatechange = null; //初始下状态
      init();
   }
  }
 }
}

用法：

myReady(function(){
  //dom加载完成后，回调代码写这
});

domReady下载

视频地址：http://www.imooc.com/learn/488