动态脚本标签添加是异步的吗？

Question

动态脚本标签添加是否是异步的？例如动态包含来自不同域的一组JavaScript文件。

Answer 1

是的，它是异步的。动态<script>注入总是导致浏览器通过DOM加载外部资源(例如，就像样式表、图像、flash)，这必须异步发生，以避免浏览器锁定。

你有没有看过JSONP (“带填充的JSON”)？它使用动态脚本标签注入。它越来越多地成为关于"AJAX“的讨论的一部分，而同步JSONP (如同步XmlHttpRequest)是不可能实现的，这一事实经常被忽视。

Answer 2

是动态脚本标签添加是异步的吗？

是。它被认为是异步的，主要是因为当脚本标记不是动态插入时会发生什么。

存在于DOM中的完全形成的脚本标记将导致阻塞行为，即在特定资产完成加载之前，页面不能继续加载其他HTML。因此，许多开发人员更喜欢将脚本标记放在</body>标记之前。这样一来，标记就变成了synchronous。

相比之下，如果动态注入脚本标记，它往往不会表现出阻塞行为。我之所以说倾向，是因为正如你在其他评论中看到的那样，并不是所有的浏览器都这样做。最好的方法是将动态脚本代码包装在某种document ready回调中。因此，相比之下，它在技术上是asynchronous的，因为其他资产可以继续与该资产及其功能一起运行。