在外部文件和目录结构中存储jquery代码?

时间:2009-04-15 15:21:14

标签: javascript jquery structure external include

任何人都可以确认存储jquery代码的最佳想法,最初我将所有内容都插入到文档的HEAD中,但我看到越来越多的代码在页面中使用,

是使用包含文件的最佳方式..扩展名为.JS?

关于此事还有什么更好的事情吗?

如果是这种情况,那么存储我的.js文件的最佳位置是什么..

的根我有

/ CSS /脚本

etc ... / scripts是我的jquery文件的地方......但是我应该对我的.js文件使用相同的文件吗?

有人对目录结构有什么建议吗?

4 个答案:

答案 0 :(得分:4)

您应该在.js文件中存储尽可能多的代码,因为这样只允许浏览器下载一次并在所有请求中重复使用。

如果您将代码作为纯文本直接包含在HEAD部分中,则会强制在每个请求中下载该代码,从而减慢页面传输速度。

您存储文件的目录取决于您...我使用/css/js,但/scripts也用于许多次点。

答案 1 :(得分:1)

您在页面上插入JavaScript的位置取决于您要执行的操作。为了速度,有arguments链接您的JavaScript在页面的末尾,以便浏览器可以在尝试解析/执行任何JavaScript之前加载页面。当然,如果您需要在页面加载之前执行JavaScript,则需要放入文档的头部。这完全取决于您和您的需求。

.js是JavaScript文件的标准扩展,因此最好继续使用它。链接到JavaScript文件而不是将它们放在页面上是个好主意,因此用户的浏览器可以缓存JavaScript文件。

存储脚本的位置取决于您,但将所有jQuery文件存储在/ scripts目录中似乎是一个好主意。

答案 2 :(得分:1)

它不需要太复杂。是的,确保存储JS扩展,但也建议将Javascript与第三方库分开。

这就是您所需要的一切:

.
./js/jquery/jquery.js
./js/yourfiles.js

或者,将您的文件放在公司名称下:

./js/companyname/yourfiles.js

正如其他人所说:如果可能的话,把你的JS放在文件的末尾。

答案 3 :(得分:0)

Seb是正确的,但要添加一件事,请尝试将所有JS和CSS文件压缩为一个。

无论文件是否被缓存,对于每个单独的文件仍然有一个往返服务器的请求,以检查它是否已被更新。当有许多JS和CSS文件时,这会降低用户的体验。