JS代码放在head和body中有区别吗？

很多人对js代码放在网页中的位置并没有太多的了解，一般认为是放在head中的，放在body里也没什么所谓吧。
事实上还是有区别的。
放在head中的JS代码会在页面加载完成之前就读取，而放在body中的JS代码，会在整个页面加载完成之后读取。