Question

CSS和Js的问题

CSS和JS代码一般放在head中还是body中，区别大吗？放在哪里比较好呢？请实际地说一下、

Answer 1

css通常是放在head中。js要看具体情况。

html的解析是从上到下的，当网速很慢的情况下，你把css文件放html最底下的话，网页一点一点的载入页面上的表格、Div、Flash、图片等元素，这些东西最开始显示不出你定义的css样式(因为还没读取到最下面引用的css)，直到浏览器在最后读取完最下面的css文件后才能把样式显示出来，这样给浏览者的体验就不好。

js一般也是放在head里面，但有时候要放到body区域或是html最后：

1.例如一个js脚本，功能是取得页面上一个id为list的ul列表，并对其设置执行某个操作。
假如这个js里面没有设置一个检查list元素是否已经载入的机制，那么这个js直接放到head区域的时候，当浏览器载入到js就开始执行了，而list这个ul元素在body里面，比js后载入，js执行时还没取到ul列表就开始执行就出错了。所以这个js要放到list元素的后面引用。网上很常见那个上下左右不间断循环滚动图片的js就存在这个问题。

2.js放在html最后的情况
某些js功能并不重要，其本身不载入不影响页面功能或美观。比如一些网站访问量统计代码，通常都会给你一段js要求你加入到网页中就能统计你网站浏览、访客ip等。这种js就可以放在网页最底下。因为是引用的第三方网站，在前面载入的话会影响你网页的整体呈现速度，把它放最下面，你网页都呈现给客户了，再来调用这个拖网速的js也不迟。

Answer 2

区别并不会太大！但是在代码习惯中还是比较偏向放在头部或者页脚！

Answer 3

浏览器解析是自上而下 所以CSS一般在head里面。JS的话看情况吧