美文网首页
在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