javascript - 我什么时候应该将 Javascript 保留在 html 文件上？

Question

我通常将网络应用程序的 Javascript 或 Jquery 放在从 index.html 链接到的外部文件中。使用:

<script src="../js/somple.js"></script>

我注意到大多数应用程序都以相同的方式链接到 js，但在同一个索引页面中也包含一些 JavaScript 似乎是一种常见的做法。 (在标题部分或页面底部)

如:

<script type="text/javascript"> 
   ......
</script>

我的问题:

在什么情况下我可以通过将 JavaScript 保留在同一个文件中而受益？

我知道将 Javascript 放在页面底部而不是将其包含在标题中允许 html 竞争首先加载，但是将 JS 放在外部怎么样？我只是想了解有关良好实践和加载速度/效率的信息 JS的位置。

Answer 1

常见的良好做法是

• 在外部文件中包含库中的所有内容或至少可以在多个页面中使用
• 在您的页面中包含特定于您的页面的代码，只要代码不会太长而影响可读性

通过这种方式，您可以确保一致性、可读性和性能(请求数量最少)。

就我个人而言，我也喜欢让外部文件保持“沉默”:除非被调用，否则它们不会执行任何操作，并且页面底部的脚本会调用它们。通常这个脚本与此类似:

<script>
   MyApp.init({someBasic:"option"});
</script>

example