js文件为什么放在页面的底部

因为浏览器加载完 JS 文件就会去执行，这时候如果 JS 里面有对 DOM 的操作的话，DOM 可能还未加载完，就会出错。
因为浏览器渲染HTML文件是从上往下渲染的。
即先执行head标签里的内容，再执行body标签里的，一行行渲染下去。碰到头部有js文件引用时，浏览器就会开始下载这个js文件，下载后再执行，执行完毕后再继续解析后面的html。如果这个js文件很大，需要两秒来下载，那么浏览器就会停下来两秒，势必会影响用户体验。所以原则就是尽可能快地让首屏内容先展现，再加载其他资源。