在我的 html 文件中，我的 Javascript/jQuery 文件的链接应该放在哪里？答案

【问题标题】：Where do I put the links to my Javascript/jQuery files in my html file?在我的 html 文件中，我的 Javascript/jQuery 文件的链接应该放在哪里？
【发布时间】：2013-10-02 04:08:47
【问题描述】：

我最近注意到我的一些（不是全部）javascript 和 jQuery 脚本将无法工作，除非我将 .js 文件的链接放在更靠近页面底部而不是我放置链接的头部区域我的 .css 文件。

据我了解，javascript 可以放在任何地方，建议不要放在标题中，因为它也会减慢页面加载过程。同时，如果我把它放在 html 文件的 body 标记中，它看起来有点乱，想知道将 .js 文件放在干净的地方的最佳做法是什么。我应该总是把它放在结束体标签之前的右下角吗？专业的 Web 开发人员如何处理这个问题？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

如果你的脚本没有工作，除非你把它们放在底部，那么你很可能在 DOM 还没有准备好时开始操作 DOM（或者你可能使用了 document.write，但我怀疑是这种情况） .要解决这个问题，您只需要在 DOM 准备好时才开始处理。使用 jQuery，您将需要以下内容：

$(function() {
    // DOM is ready here and you can safely manipulate it
});

关于脚本的位置如何影响性能，我建议您阅读客户端性能大师的这 3 篇文章：

异步加载和延迟执行是当下非常热门的话题。它们允许您在 <head> 上清晰地定义所有内容，但要非常具体地说明它们如何加载以及何时执行。

【讨论】：

谢谢，你给我的代码让 jQuery 代码工作，同时仍然被放置在顶部。感谢您对 DOM 加载的见解，这正是我需要了解的。
我给你的语法可能看起来很陌生，但这只是自我解释$(document).ready(function() { ... });的简写

【解决方案2】：

Best Practices for Speeding Up Your Web Site (Put Scripts at the Bottom section)

JavaScript at bottom/top of web page?

【讨论】：