Question

JS代码放在head和body中的区别分析

Answer 1

首先要明白的是 js 是阻塞加载执行的，也就是说js 在加载的过程中，下面的html css等都会等待js加载完才会加载。
那么问题来了：如果js是一个2G大小的文件...那么这个页面要显示出来，岂不是要等到天黑..
所以把js放在最下面，可以优先加载html 和css ，先把样子给用户看..然后慢慢的加载js文件。
区别：
放在下面属于简单优化，能够更快的加载html css 。

至于你说的放在head 和body 中的区别没啥两样。无非是加载的时间和顺序不同罢了。
建议：
在开发页面过程中，尽量将js文件或代码放在最底部。这是前端优化规则之一。