本文摘自PHP中文网，作者hzc，侵删。
把JavaScript文件放在Html底部是因为浏览器加载完JS文件就会去执行，这时候如果JS里面有对DOM的操作的话，DOM可能还未加载完，就会出错，另外由于JS对页面的展示来说没什么用，所以应首先加载CSS以达到尽快显示出页面的目的。
这个问题有两个考虑：
如果是外部加载的js， 也就是通过src加载的外部js， 这种方式调用的js之所以要放到底部是因为浏览器渲染网页是从上往下，页面是用户能看到的也能直观感受到的，而js代码是用户看不到的，属于“幕后”的东西， 把“幕后”的东西放到最下面，那么用户能看得见的页面加载速度就会更快，让用户感觉页面打开速度很快，提高用户体验。
js一般会用于对页面DOM的操作，如果将js代码放到页面顶部， 基于浏览器从上往下加载的机制，有可能被操作的DOM节点还未加载完毕，JS就去操作DOM了，这明显会导致出错，放到页面底部会保险一些。
主要考虑是第一条， 第二条现在为了百分百保证DOM树渲染完毕执行JS， 基本都用load检测了。
推荐教程：《JS教程》
以上就是为什么把JavaScript文件放在Html底部的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
学会这20+个javascript单行代码，让你像专业人士一样编写代码
javascript深入探索 websocket和http/2与sse +如何选择正确的路径！
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
