src和href的区别
src
1. 引用外部资源
src 属性用于指定要嵌入到当前文档中的资源的位置。
2.替换元素本身的内容
// test.js
console.log(2)
<script src="./test.js"> console.log(1) </script>
以上代码会打印出1。
3.暂停其他资源的下载和处理
src会将其指向的资源下载并应⽤到⽂档内，如请求js脚本。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。
href
1.超链接
指定链接的目标URL，它指向一些网络资源，建立和当前元素或本文档的链接关系。
2.下载文件
当浏览器识别到它他指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理。
核心思想上的区别
- src代表的是网站的一部分，没有会对网站的使用造成影响
- href代表网站的附属资源，没有不会对网站的核心逻辑和结构造成影响
为什么引用CSS使用href？
- 正如href代表的含义一样，CSS属于网站的附属资源，不影响网站核心逻辑和结构
- 也可以简单归结为历史遗留问题
作者：ReinerLau
链接：juejin.cn/post/702652…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
