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

时间:2012-06-27 08:51:49

标签: javascript html

在HTML网页中导入和使用JavaScript代码的最佳方法是什么?我正在考虑两种选择:

  • 将单个<script>标记与all.js文件一起导入HTML文件,该文件使用选定的JavaScript方法。
  • 分别在每个HTML文件中定义单独的<script>标记。

这里最好的设计选择是什么?

4 个答案:

答案 0 :(得分:4)

卢卡斯,这个无辜的问题是一个很大的话题。要在一个好的地方开始使用JavaScript性能和可维护性,请关注Steve Souders' writings

并使用JSHint。如果您的代码位于仅限JavaScript的文件中,那就容易多了。要了解其他良好做法,请阅读idiomatic.js

答案 1 :(得分:1)

单个缩小的文件是性能最高的 - 少请求和较小的下载。但对于任何地方而言,并非一个全球性的js,这将是调试/开发的痛苦。

将cdn用于可能在浏览器中缓存的库。

答案 2 :(得分:0)

IMO我将为单独的javascript片段/插件提供单独的标签,它将使我的javascript代码更易于维护。我可以删除插件/添加插件而不会打扰其他javascript片段。

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

我个人使用像Sitemesh这样的模板引擎,并为应用程序的不同部分创建jsps模板。

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

答案 3 :(得分:0)

缩小js是一种良好且可接受的方式。它还有助于在运行时在服务器端构建js文件。这是一个很大的话题。以下是来自雅虎的一些好建议。我用这些作为我的指导。另请阅读主题js minify http://developer.yahoo.com/performance/rules.html