在页面上编写多个单独的<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块在他们做了大量工作时会减慢速度.但是,无论你有大块代码还是几个较小的块,都是如此.

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