小编给大家分享一下css放上面js放下面的原因，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
你所需要的网站建设服务，我们均能行业靠前的水平为你提供.标准是产品质量的保证，主要从事网站建设、网站制作、企业网站建设、成都做手机网站、网页设计、品牌网站制作、网页制作、做网站、建网站。创新互联公司拥有实力坚强的技术研发团队及素养的视觉设计专才。
css放上面js放下面的原因：1、在加载html生成DOM tree的时候，可以同时对DOM tree进行渲染，这样可以防止闪跳，白屏或者布局混乱；2、javascript加载后会立即执行，同时会阻塞后面的资源加载。
href和src的区别
一般加载CSS用href,并放在头部；加载script用src，放在body内的下方。
href
是hypertext reference的缩写，表示超文本引用，用来建立当前元素和文档间的链接。常用的有link，a。
当CSS使用href引用，浏览器会识别该文档问CSS，并行下载，不会停止对当前文档的加载。
src
是source的缩写，是资源，页面必不可少的一部分，src指向的内容会嵌入到文档中当前标签的位置。常用的有img, script, iframe。
当script使用src引用，浏览器解析到该元素时会停止对文档的渲染，直到该资源加载完成。这也是将script放底部而不是头部的原因。
把CSS放头部，script放下方的原因
1、CSS放头部
在加载html生成DOM tree的时候，就可以同时对DOM tree进行渲染。
这样可以防止闪跳，白屏或者布局混乱。
2、javascript放在后面
javascript可能会改变DOM tree的结构，所以需要一个稳定的DOM tree。
javascript加载后会立即执行，同时会阻塞后面的资源加载。（javascript加载和执行的特点）
拓展知识：
1、首先让我们先认识几个常见的问题：
1.在进行页面优化的时候，需要将css放在头部，将js文件放在尾部，这样做为什么能够实现页面的优化?
2.在使用jquery的时候，为什么把函数写在$(document).ready()事件中？
3.javascript会阻塞dom的解析。
当解析过程中遇到
