我想知道AJAX外部文件加载的这两种不同方法有什么好处或不同之处

示例1-将文件直接加载到文档中

(function () {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = '/myjs.js';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);
})();


示例2-将文件加载到documentFragment中,然后将片段添加到document

(function(d, s) {
    var j, h = d.getElementsByTagName(s)[0],
        f = d.createDocumentFragment(),
        add = function(u, i) {
            if (d.getElementById(i)) {
                return;
            }
            j = d.createElement(s);
            j.src = u;
            i && (j.id = i);
            f.appendChild(j);
        };

    add('/myjs.js');
    h.parentNode.insertBefore(f, h);
}(document, 'script'));


一个人与另一个人有什么真正的区别或好处?

最佳答案

根据Josh Resig的介绍,使用文档片段可以使您的应用程序速度提高2-3倍,他建立了一个演示,您可以在其中查看花费多少时间来完成任务(以毫秒为单位)。

http://ejohn.org/apps/fragment

关于javascript - 加载JS文件-直接加载到Document vs DocumentFragment,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23744472/

10-12 13:00
查看更多