javascript - 动态创建脚本标签和静态嵌入脚本标签有什么区别？

Question

我知道很多网络分析工具使用以下脚本动态创建脚本标签:

<script type="text/javascript">
    var s = document.createElement( 'script' );
    s.type = 'text/javascript';
    s.src = 'http://s/s.js';
    document.body.appendChild( s );</script>

我的问题是，如果我像下面这样静态嵌入脚本，是否会有差异:

<script type="text/javascript" src="http://s/s.js"></script>

Answer 1

他们这样做是为了异步加载，或者至少只有在正常的 JS 加载并执行后才加载。它避免了渲染树等待此 JS 加载，因此页面更快。