javascript - 在网页上使用多个脚本 block 有什么区别？

Question

编辑:作为Andrew Moore指出这个问题是Two separate script tags for Google Analytics?的重复所以应该删除这个问题以避免 Stack Overflow 困惑，除非有必要保留这个问题，因为它可能会出现在略有不同的搜索中。

在网页上使用多个脚本 block 有什么区别？我已经粘贴了包含 Google Analytics 作为示例的标准代码，并且我在其他地方看到了相同的模式。为什么将此代码分成两个单独的脚本 block 而不是只使用一个脚本 block ？

<script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
    try{
        var pageTracker = _gat._getTracker("UA-xxxxxx-x");
        pageTracker._trackPageview();
    } catch(err) {}
</script>

Answer 1

第二个<script>包含依赖于 google-analytics.com/ga.js 的代码加载中。

非延迟脚本按照它们在 DOM 中存在的顺序执行。

第一个<script>注入(inject)一个新的 <script>在它自己之后(用 src 指向谷歌的 ga.js )它立即加载并执行——然后才执行第二个 <script>被处决。