javascript 动态脚本创建与脚本延迟

Question

我正在阅读有关加载 javascript 的非阻塞方式。我发现了一些有趣的概念，尤其是对我来说是一个新概念。脚本延迟属性。

我知道如何动态创建脚本并将它们插入到文档的头部，我有一个函数。

例如:

 function loadJS(loc){
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = loc
 }

我看过这个 defer 属性，但不确定如何使用它以及它的主要优点/缺点是什么？

提前谢谢大家!

Answer 1

我一直在寻找类似的答案，并正要发布问题时发现 this stackoverflow question ——还有你的。

这是我发现的:

• 脚本defer方法提示浏览器等待文档加载完成后再执行脚本。但它仍然首先加载脚本(假设它们位于文档的头部)。
• jQuery 有一个 .getScript() 方法，可用于随时随地加载任意数量的脚本。例如，您甚至可以将其应用于链接上的 onClick 事件!
• 还有几个旨在动态、非阻塞加载的库，例如 LABjs , RequireJS或HEADjs .

我想这取决于你选择哪种方法，如果你只是在一个小项目中并且已经在使用和/或习惯使用 jQuery，那么我会选择这种方法。否则，也许可以查看其中一个库。

再次声明，据我所知，DEFER 不会阻止加载脚本时的页面阻塞。但一个典型且非常简单的解决方案是将所有脚本包含在页脚而不是 HEAD 中。

如果我在以上任何内容上有错误，请大家随时纠正我! ——谢谢