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

Question

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

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

Answer 1

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

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

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

希望这对您有所帮助。