为什么js⽤script标签的src引⼊，⽽css⽤link标签的href引⼊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放下⽅的原因
CSS放头部在加载html⽣成DOM tree的时候，就可以同时对DOM tree进⾏渲染。这样可以防⽌闪跳，⽩屏或者布局混乱。
javascript放在后⾯
href标签怎么用
javascript可能会改变DOM tree的结构，所以需要⼀个稳定的DOM tree。
javascript加载后会⽴即执⾏，同时会阻塞后⾯的资源加载。（javascript加载和执⾏的特点）
为什么将css放在头部，js放在尾部可以增加页⾯的性能
现在浏览器为了更好的⽤户体验，渲染引擎会尝试尽快在屏幕上显⽰内容，它不会等到所有的HTMl元素解析之后在构建和布局dom树，所以部分内容将被解析并显⽰。也就是说浏览器能够渲染不完整的dom树和cssom，尽快的减少⽩屏的时间。
假如我们将js放在header，js将阻塞解析dom，dom的内容会影响到dom树的绘制，导致dom绘制延后。
所以说我们会将js放在后⾯，以减少dom绘制的时间，但是不会减少DOMContentLoaded被触发的时间。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。