javascript - 为什么将 JavaScript 放在页面的页脚中?

标签 javascript header footer

所以我最近从 ThemeForest 购买并下载了一个模板。我在本地服务器上设置了模板。我使用 codeigniter 生成了具有下拉菜单的导航。我对菜单中的所有内容进行了正确编码。我只生成了 header 并进行了测试,发现下拉菜单无法正常工作。我花了大约两个小时试图弄清楚我的代码出了什么问题。然后我终于意识到 JavaScript 文件包含在模板的页脚中……我还没有生成它。

所以我的问题是……为什么有人会将 JavaScript 文件放在 HTML 页面的页脚中?我认为 JS 应该只位于文件的标题中。对吧?

最佳答案

有多种方法可以将脚本文件加载到网页。

但是在页面底部加载脚本有以下优点。

  1. 不会阻止任何要加载的 DOM 内容。
  2. 所有 DOM 元素都将可用于正在加载的脚本。
  3. 如果您正在使用第三方库,例如 jQuery,您可以跳过 $(document).ready(function () {...});,因为 DOM 已经加载。

希望这对您有所帮助。

关于javascript - 为什么将 JavaScript 放在页面的页脚中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16391348/

相关文章:

java - 如何在标题中添加按钮

c++ - 如何通过 AST 为访问者模式解决 C++ 中的 header 重复问题

c - C 中带有字符串的函数的头文件

c# - 如何在不使用 API 的情况下通过 IP 地址查找位置

javascript - 从 Javascript 文件访问 HTML DOM (Meteor)

html - 固定位置页脚中的流体宽度 block 元素链接

html - 为页脚 Bootstrap 着色以使其响应

html - 绝对子 div 在缩放时不会调整相对父 div 的大小

javascript - setInterval() 函数在控制台上运行,但在一次 api 命中后,数据在浏览器上没有更新

javascript - Firebug 控制台缩短记录数组中的字符串?