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

在编写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>下

每种方式都有哪些技术差异？

最佳答案

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

浏览器以停止其他工作的方式解析和解释脚本标签，因此，如果页面上的Javascript块执行大量工作，则它们可能会减慢速度。但是，无论您有一大段代码还是几段较小的代码，这都是事实。

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

关于javascript - 在页面上写多个单独的<script>是否正确？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2698592/