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

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

作者: 6659a0f02826 | 来源:发表于2020-12-29 14:12 被阅读0次
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等渲染更快

      本文链接:https://www.haomeiwen.com/subject/embfoktx.html