我在哪里将链接放到我的html文件中的Javascript / jQuery文件中?

我最近注意到我的javascript和jQuery脚本中的一些(不是全部)不起作用,除非我把.js文件的链接放在页面底部而不是我为我的.css放置链接的头部区域文件。

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

如果你的脚本没有工作,除非你把它们放在底部,那么你很可能在DOM尚未准备好时开始操作DOM(或者你可能使用了document.write,但我怀疑是这种情况)。 要解决此问题,您只需在DOM准备就绪时开始处理。 使用jQuery,你需要这样的东西:

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

关于脚本的定位如何影响性能我建议你阅读客户端性能大师的那3篇文章:

异步加载延迟执行是当前非常热门的主题。 它们允许您清楚地定义处的所有内容,但是要非常具体地说明它们如何加载以及何时被加载。

加快网站速度的最佳实践(将脚本放在底部)

网页底部/顶部的JavaScript?