异步 JS 加载到 head 中

Question

我需要将脚本异步加载到页面上。我正在使用该createElement方法在头部动态插入脚本标签。发生的事情是首先加载页面源。完成后，头部中包含的所有元素都会并行加载。一旦全部加载完毕，我动态添加的脚本就会加载。

这在逻辑上是有道理的，但我正在寻找一种可以加速动态脚本加载的方法。我仍然希望它是异步的（不想这样做document.write），但如果这个脚本可以与 head 元素的其他脚本并行加载，我仍然会喜欢。我有什么办法可以让它工作吗？

Answer 1

在顶部放置几行 javascript，创建动态脚本标记。

<script>
var script = document.createElement("script");
    script.src = "yourfile.js";
    script.async = true; //asynchronous
    document.getElementsByTagName("head")[0].appendChild(script);
</script>

对于其他替代方案，请查看此链接：http://Friendlybit.com/js/lazy-loading-asyncronous-javascript/