JS代码放在head和body中的区别分析 – CSS – 前端 css五行二列表格怎么做

首先要明白的是 js 是阻塞加载执行的，也就是说js 在加载的过程中，下面的html css等都会等待js加载完才会加载。

那么问题来了：如果js是一个2G大小的文件…那么这个页面要显示出来，岂不是要等到天黑..

所以把js放在最下面，可以优先加载html 和css ，先把样子给用户看..然后慢慢的加载js文件。

区别：

放在下面属于简单优化，能够更快的加载html css 。

至于你说的放在head 和body 中的区别没啥两样。无非是加载的时间和顺序不同罢了。

建议：

在开发页面过程中，尽量将js文件或代码放在最底部。这是前端优化规则之一。