Question

我正在修补jQuery，并发现它非常有用且几乎令人兴奋。

截至目前，我通过Google的CDN引用jQuery脚本，并将我在本地使用的插件存储在静态/脚本目录中。

当然，每个页面都有自己独立的组件实现，这些组件是当前提供的功能所必需的。 I.E.主页面有Twitter插件，而登录页面有表单验证逻辑和密码强度计量。但是，某些组件（导航栏）例如在多个页面中使用相同的脚本。

不可否认，我不喜欢将javascript代码放在页面的标题中，但我更喜欢将它放在外部文件中（用于缓存，可重用性和优化目的）。

我的问题是，组织外部文件的首选路径是什么。我想尝试将其保存到整个站点的一个javascript文件中以减少IO请求。但是，我不确定如何在每页有条件的基础上实现文档就绪函数。

$(document).ready(function () { ... }

是否有某种方法可以通过某种方法引用页面（最好是基于id而不是url条件）。

提前感谢您的时间！

Answer 1

您应该尝试REQUIRE JS。

这样您就可以只在那些需要它们的页面上加载这些插件，如果不再需要它们，可以再次卸载它们。

然后，它可能是矫枉过正的。这实际上取决于项目的规模。

Answer 2

Paul Irish：

http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/

这将允许您按主体类/ ID阻止脚本并自动执行它们。

Answer 3

首先，您可能想要使用YUI Compressor或其他一些JS压缩工具。然后可能为您的JavaScript创建资源文件（resx）。然后只需引用代码中的资源。这是Telerik为其RadControl ASP.NET AJAX控制框架所采用的方法。