（函数封装）domReady

一般的我们用window.onload()来判断文档是否加载完成，我们一般采用下面的做法：

当文档加载全部完后，我们在执行代码块（很显然，当需要加载的文档及节点庞大时，用户体验可能会变很差）

window.onload = function () {
   //do something...
}

接下来，我们封装一个domReady()函数。

让代码块在dom树创建完成后就开始执行，而不用等到文档全部加载完成后在执行。

new function(){
    dom = [];
    dom.isReady = false;
    dom.isFunction = function(obj){
        return Object.prototype.toString.call(obj) === "[object Function]";
    };
    dom.Ready = function(fn){
        dom.initReady();//如果没有建成DOM树，则走第二步，存储起来一起杀
        if(dom.isFunction(fn)){
            if(dom.isReady){
                fn();//如果已经建成DOM，则来一个杀一个
            }else{
                dom.push(fn);//存储加载事件
            }
        }
    };
    dom.fireReady =function(){
        if (dom.isReady)  return;
        dom.isReady = true;
        for(var i=0,n=dom.length;i<n;i++){
            var fn = dom[i];
            fn();
        }
        dom.length = 0;//清空事件
    };
    dom.initReady = function(){
        if (document.addEventListener) {
            document.addEventListener( "DOMContentLoaded", function(){
                document.removeEventListener( "DOMContentLoaded", arguments.callee, false );//清除加载函数
                dom.fireReady();
            }, false );
        }else{
            if (document.getElementById) {
                document.write ("<script id=\"ie-domReady\" defer='defer' src=\"//:\"><\/script>");
                document.getElementById("ie-domReady").onreadystatechange = function() {
                    if (this.readyState === "complete") {
                        dom.fireReady();
                        this.onreadystatechange = null;
                        this.parentNode.removeChild(this)
                    }
                };
            }
        }
    }
};