javascript - 在一个页面上写多个单独的 <script> 是否正确？

Question

在编写 JavaScript 代码时，我用 <script> 分隔每个代码块标签

<script type="text/javascript">
 //---- code block 1--------- 
</script>   

<script type="text/javascript">
    ----code block 2-----
</script>

<script type="text/javascript">
$(document).ready.(function(){
 // code block3
});
</script>

我想知道分开写 <script type="text/javascript"></script> 是好习惯吗？在同一页上

--或者--

我们必须将所有 JavaScript 代码写在一个 <script> 下

每种方式的技术差异是什么？

Answer 1

好吧，您可能想问问自己，为什么您的代码组织方案会导致这种设置，以及它是否会导致维护或可理解性问题，但我认为这并不是严格意义上的“坏”。现在如果你的 <script>标记实际上是从服务器获取单独的文件，因此减少它们是个好主意。

浏览器以其他工作停止的方式解析和解释脚本标签，因此如果页面顶部的 Javascript block 做了很多工作，它们可能会减慢速度。然而，无论您有一大块代码还是几个小块，情况都是如此。

移动到单独的脚本文件的一个优点是您可以在多个页面上重复使用代码。当你这样做时，在构建时使用 YUICompressor 或其他类似工具压缩脚本可能会更容易。