jQuery实现domReady和onload判断及兼容的方法

// 调用绑定才进行 绑定初始化
jQuery.fn.ready = function( fn ) {
    // 未初始化过的才进行初始化绑定
    jQuery.ready.promise().done( fn );
    return this;
};

jQuery.extend({
    // DOM ready 是否触发过标签
    isReady: false,
    readyWait: 1,

    holdReady: function( hold ) {
        if ( hold ) {
            jQuery.readyWait++;
        } else {
            jQuery.ready( true );
        }
    },

    // DOM ready 时刻的事件句柄
    ready: function( wait ) {

        if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
            return;
        }

        // IE的小BUG 确保 body 已经存在
        if ( !document.body ) {
            return setTimeout( jQuery.ready );
        }

        // 切换标签状态
        jQuery.isReady = true;

        // 是否需要等待的标签
        if ( wait !== true && --jQuery.readyWait > 0 ) {
            return;
        }

        // 执行以 jquery 形式的 ready 绑定
        readyList.resolveWith( document, [ jQuery ] );

        // 在次触发其他形式的绑定，并且及时注销
        if ( jQuery.fn.triggerHandler ) {
            jQuery( document ).triggerHandler( "ready" );
            jQuery( document ).off( "ready" );
        }
    }
});

// 对于已经过了 domReady 时间点
function completed() {
    // 标准浏览器 或者 为 IE下的load事件 或者 ready 状态为 complete（IE）
    if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
        detach();
        jQuery.ready();
    }
}

jQuery.ready.promise = function( obj ) {
    if ( !readyList ) {
        // 初始化 readyList
        readyList = jQuery.Deferred();

        // 当 $(document).ready() 早在 ready 事件过后被调用的时候，直接触发。
        if ( document.readyState === "complete" ) {
            // 异步方式执行 类似的模拟事件触发形式
            setTimeout( jQuery.ready );

            // DOMContentLoaded 事件绑定
        } else if ( document.addEventListener ) {
            document.addEventListener( "DOMContentLoaded", completed, false );
            window.addEventListener( "load", completed, false );

        // 这边则是低版本IE形式
        } else {
            document.attachEvent( "onreadystatechange", completed );
            window.attachEvent( "onload", completed );

            // IE的 doScroll 方式检测
            var top = false;

            try {
                top = window.frameElement == null && document.documentElement;
            } catch(e) {}

            if ( top && top.doScroll ) {
                (function doScrollCheck() {
                    if ( !jQuery.isReady ) {
                        try {
                            top.doScroll("left");
                        } catch(e) {
                            // 当try中有错误 直接下次延迟循环检测
                            return setTimeout( doScrollCheck, 50 );
                        }

                        detach();
                        jQuery.ready();
                    }
                })();
            }
        }
    }
    return readyList.promise( obj );
};