Question

我正在寻找使用外部私有Javascript文件的最佳做法。我有一个包含许多不同HTML文件的项目。我的问题是什么是最佳实践，是为所有HTML页面都有1个.js文件，还是每个HTML都有一个单独的.js文件？对于许多不同的HTML页面，我仍然不清楚是否可以使用1 .js文件，我该如何使用DOM功能呢？

Answer 1

这是一个相当广泛的问题，它实际上取决于您如何构建项目。

这个时代，我的一般建议是：用以任何方式使其更容易使用来构建它，但是在构建/部署/将所有文件合并在一起并最小化结果时

这样可以为您轻松开发并为最终用户提供最佳性能。另外，请不要忘记该JS文件的URL中正确的缓存标头和时间戳。

此建议实际上也适用于CSS文件。

Answer 2

我同意@Vilx的答案，但我怀疑这个问题比这更基本。

在每个HTML页面上，您只需链接到包含站点范围功能和变量的脚本，也可以链接到该页面特有的脚本。例如，如果您在“关于我”页面上有特殊功能，则可以链接到它：

<!-- Global functions and variables -->
<script type="text/javascript" src="/scripts/global.js"></script>

<!-- Functions and variables that only apply to this page -->
<script type="text/javascript" src="/scripts/about-me.js"></script>

这样，您仍然可以在global.js中使用实用程序功能，但可以使用about-me.js控制特定页面。

另一种方法是将所有JavaScript存储在一个文件中，但在相应的页面上内联执行相关函数。

<强> Main.js

function homepage(){
    // do things specific to the homepage
}

function aboutMe(){
    // do things specific to about me
}

function contactUs(){
    // do things specific to the contact page
}

关于-Me.html

 <script type="text/javascript" src="/scripts/main.js"></script> <script> // Execute the relevant function defined in main.js aboutMe(); </script>

最好的方法是什么适合您的应用程序。如果它是一个庞大而复杂的应用程序，那么您将希望拥有单独的文件，但您可能希望在发布项目之前将它们连接起来。如果它是一个小型的个人项目，那么只需按照您认为合适的方式构建项目就没有任何害处。

Javascript最佳实践使用

2 个答案: