href与src的区别

我们在开发页面的时候，有时候会引用一些外部的资源，经常分不清href与src，下面我们就扯一扯它们之间到底有什么区别，这样我们使用的时候就做到心中有数。

 

1. href：（全称：Hypertext Reference，超文本引用），它指向一些网络资源，建立和当前元素或者说是当前文档的链接关系。在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下执行。通常在a、link等标签中使用。

<a href="https://www.taobao.com"></a>

<link href="reset.css" type="text/css" rel="stylesheet">

2. src：（全称：source, 资源）表示的是对资源的引用，它执行的内容会嵌入到当前标签所在的位置（我们通常称它们为 可替换元素，可替换元素与不可替换元素这里不详细介绍了）。由于src的内容是页面必不可少的一部分，因此浏览器在解析src时，会停下来对后续文档的处理，直到src的内容加载完毕。常用在img、iframe、video、audio、script等标签中。这也就是为什么我们建议js文件放在HTML文档的最后面。如果js文件放在了head标签中，可以使用window.onload()方法，实现js的最后加载。

window.onload()方法的介绍：参考地址：https://www.runoob.com/w3cnote/javascript-window-onload.html

<img src="img/logo.jpg>

<iframe src="login.html">

<script src="index.js".

 

总结：

1. href用于建立当前页面与引用资源之间的关系（链接）；而src则会替换当前标签。

2. 遇到href，页面会并行加载后续内容；而src则不同，浏览器需要加载完毕src的内容才会继续往下执行。