首页 > 解决方案 > 每个 html 页面都有 1 个 .js 文件可以吗?

问题描述

我可以这样写吗?我的网站加载速度不会有问题吗?

对于 index.html:

<html>

<body>
  <script src="index.js"></script>
</body>

</html>

对于 about.html:

<html>

<body>
  <script src="about.js"></script>
</body>

</html>

对于contact.html:

<html>

<body>
  <script src="contact.js"></script>
</body>

</html>

我只是想把事情弄清楚。提前致谢!

标签: javascripthtml

解决方案


您应该提取在不同页面上运行的所有 javascript 代码中的共同特征。

想象一下 index.js 有一个创建列表的功能。和 about.js 具有相同的功能。在更新该功能时,您需要在一个地方进行更改。不是你有的五页。

至于速度,如果每个页面都有list.js文件的链接,浏览器只需要下载一次。它的代码将被缓存并在所有其他请求的页面中使用。


推荐阅读