jQuery的ready方法和原生load的区别

DOM文档加载的步骤为：

• 解析HTML结构。
• 加载外部脚本和样式表文件。
• 解析并执行脚本代码。
• DOM树构建完成。//DOMContentLoade
• 加载图片等外部文件。
• 页面加载完毕。//load

jQuery的ready方法：仅当DOM加载完成，不包括样式表，图片，flash
原生load ：页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。
总结：
ready事件先于load事件被激活，如果网页文档中没有加载外部文件，则它们的响应时间基本上是相同的.

附上jQuery的ready方法的实现原理

var $ = ready = window.ready = function(fn){  
    if(document.addEventListener){//兼容非IE  
        document.addEventListener("DOMContentLoaded",function(){  
            //注销事件，避免反复触发             
            document.removeEventListener("DOMContentLoaded",arguments.callee,false);  
            fn();//调用参数函数  
        },false);  
    }else if(document.attachEvent){//兼容IE  
       IEContentLoaded (window, fn);
    }  

    function IEContentLoaded (w, fn) {
        var d = w.document, done = false,
        // only fire once
        init = function () {
            if (!done) {
                done = true;
                fn();
            }
        };
        // polling for no errors
        (function () {
            try {
                // throws errors until after ondocumentready
                d.documentElement.doScroll('left');
            } catch (e) {
                setTimeout(arguments.callee, 50);
                return;
            }
            // no errors, fire

            init();
        })();
        // trying to always fire before onload
        d.onreadystatechange = function() {
            if (d.readyState == 'complete') {
                d.onreadystatechange = null;
                init();
            }
        };
    }
}
ready(function(){alert(1)})