在HTML页面中使用JavaScript的最佳方法

在HTML页面中导入和使用JavaScript代码的最佳方式是什么？我正在考虑两种选择：

• 将单个
  标记与导入HTML文件的

  all.js

  文件一起使用选定的JavaScript方法
• 在每个HTML文件中分别定义单独的
  标记

---

这里最好的设计选项是什么？

卢卡斯，这个天真的问题是个大话题。要在一个好地方开始使用JavaScript性能和可维护性，请遵循以下步骤

---

和使用。如果您的代码是在一个只包含JavaScript的文件中，那么这就容易多了。要了解其他良好实践，请阅读。

单个缩小的文件是最无性能的请求和较小的下载。但不是每个地方都有一个全局js，这将是调试/开发的痛苦

---

对可能缓存在浏览器中的库使用cdn。

我将为单独的javascript片段/插件使用单独的标记，这将使我的javascript代码更易于维护。我可以删除插件/添加插件，而不会干扰其他javascript片段

但对于性能问题，现代浏览器将连续运行6个线程来下载资源，因此最好分析站点/web应用程序的加载时间。您可以使用Firebug/yslow等工具来分析从html页面发送的http请求

就我个人而言，我使用模板引擎，比如为应用程序的不同部分创建JSP模板

---

对于javascript，我主要使用JQuery和许多插件。

缩小js是一种好的、可接受的方法。它还有助于在运行时在服务器端构建js文件。这是一个大话题。这里有一些来自雅虎的好建议。我用这些作为我的指南。还可以阅读主题js minify

---

很好地缩小javascript并相应地使用它，这将有助于：）找出如何使用HTML实现这一点，然后你就有了答案。JSP、PHP、ASP也是如此。。