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

Sim*_*Suh 5 html javascript jquery

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

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

che*_*vim 3

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

$(function() {
    // DOM is ready here and you can safely manipulate it
});
Run Code Online (Sandbox Code Playgroud)

关于脚本的位置如何影响性能,我建议您阅读客户端性能专家的三篇文章:

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