在dom加载后,资源加载前执行。使nav head等渲染更快

function ready(fn) {
    if (document.addEventListener) {
        //标准浏览器 
        document.addEventListener('DOMContentLoaded', function () {
            document.removeEventListener('DOMContentLoaded', arguments.callee, false); //注销事件,避免反复触发 
            fn(); //执行函数 
        }, false);
    } else if (document.attachEvent) {
        //IE浏览器 
        document.attachEvent('onreadystatechange', function () {
            if (document.readyState == 'complete') {
                document.detachEvent('onreadystatechange', arguments.callee);
                fn();
            }
        });
    }
}
ready(function () {
    $("#header").load("./view/blocks/header.html");
    $("#navBar").load("./view/blocks/navBar.html");
    $("#footer").load("./view/blocks/footer.html");
})

你可能感兴趣的:(在dom加载后,资源加载前执行。使nav head等渲染更快)