asp.net - 将 jQuery Reference 放在 HTML 文档的底部会破坏用户控制

Question

Walter Rumsby为 Where to place JavaScript in an HTML file 提供了很好的答案.他将 Yahoo Exceptional Performance 团队所做的工作以及他们对 place scripts at the bottom of the page 的推荐提到了.这是我已经遵循了一段时间的硬性规定。在同一个线程中 Levi Rosol指出“它 [JavaScript] 的最佳位置就在你需要它之​​前。”这就是我现在所处的困境。

我在页面末尾添加了对 jQuery 的引用，但遇到了一个问题，即如何构建我想添加客户端功能的用户控件。具体来说，我很难找到适应依赖关系的最佳方法。用户控件有一个 span 标签，其中包含一个数值，我想根据用户在用户控件中选中的复选框的数量来更新该数值。我正在使用 jQuery 查找 span 标记并更新其文本属性。

不幸的是，除非我对 jQuery 的引用出现在用户控件之前，否则我会收到 JavaScript 错误。这是有道理的，因为该控件正在引用尚未添加的函数。我可以想到该问题的几种解决方案，但我正在寻找最佳实践选项。

1. 在用户控件中放置对 jQuery 库的引用。
   • 缺点:如果将用户控件放入转发器中，则会对 jQuery 库进行多次引用。
2. 在用户控件中不放置任何 JavaScript，并编写所有代码来更新包含页面中用户控件的 span 标记。
   • 缺点:我最终会在多个地方使用相同的代码，从而造成潜在的维护噩梦。
3. 将 jQuery 引用放在页面的 header 部分。
   • 缺点:我违反了对 place scripts at the bottom of the page 的建议如果页面不包含对 jQuery 的引用，则创建了无法使用的用户控件。

这些是我在考虑解决这个问题时想到的选项和缺点。我当然愿意接受有关更好解决方案的建议，除非有人寻求我应该选择哪三个解决方案的建议。

Answer 1

有一个 Google 项目旨在解决您可能想看的这些痛苦，称为 Jingo:

http://code.google.com/p/jingo/

我推荐的另一种解决方案是像 YUI Loader Utility 这样的加载器。

http://developer.yahoo.com/yui/yuiloader/

它将允许您管理依赖项等，而且它不仅仅在您使用它们的 UI 组件时有用。它可以用于任何事情；只需查看有关 addModule 的文档即可。

如果您使用的是 ASP.NET，ScriptManager 是另一个不错的解决方案。