JavaScript小面试~href和src的区别

href：中文名称叫超文本引用

src：中文叫资源

先要知道它们两个的区别，我们首先要看哪些元素在使用这些属性。

href:a,link

src:img，style,input,script,iframe

我们在同一个页面使用一个含有href和src的标签，代码如下：

<img src="./img/7ff513a853b6d50887606dc436b1ddff.jpeg" alt="">
<a href="./img/7ff513a853b6d50887606dc436b1ddff.jpeg">看一下</a>

打开浏览器，清空network，再刷新页面：

发现img应用的资源，只要页面加载就会下载下来，而a标签引用的资源没有被下载下来，我们只有在点击“看一下”文字的时候，我们才能访问资源。

 我们点击链接的时候，访问了资源，但是资源没有下载下来。

所以我们可以得出结论：href是元素或文档与指定资源联通，是引用；src是下载后嵌入构成文档直接内容。

【学习自技术蛋老师】