我最近注意到,除非我将.js文件的链接放在页面底部而不是我放置链接的头部区域,否则我的javascript和jQuery脚本中的一些(不是全部)将无效。我的.css文件。
根据我的理解,javascript可以进入任何一个地方,建议不要放在标题中,因为它也会减慢页面加载过程。同时,如果我把它放在html文件的body标签中,它看起来有点凌乱,并且想知道将.js文件放在干净的地方最佳做法是什么。我应该总是把它放在结束身体标签前面的最右边吗?专业网站开发人员如何处理这个问题?
答案 0 :(得分:3)
如果你的脚本没有工作,除非你把它们放在底部,那么你很可能在DOM尚未准备好时开始操作DOM(或者你可能使用了document.write,但我怀疑是这种情况) 。要解决此问题,您只需在DOM准备就绪时开始处理。使用jQuery,您需要以下内容:
$(function() {
// DOM is ready here and you can safely manipulate it
});
关于脚本的定位如何影响性能我建议你阅读客户端性能大师的那3篇文章:
异步加载和延迟执行是目前非常热门的主题。它们允许您在<head>
处清晰地定义所有内容,但要非常具体地说明它们如何加载以及它们何时被加载。
答案 1 :(得分:2)