js中href和src的区别

区别：

　　src用于使用外部资源填充/替换对应的元素。 herf则是建立当前文档和外部资源的联系。

　　通俗来说就是src告诉你这个位置要从开始就用这个资源，href告诉你这个地方和另外一个资源有关，你想用的时候再用上。

href:

　　href(超文本链接)属性指明了一个网络资源的位置，并定义了当前元素(例如一个a标签)或者当前文档(例如一个link标签)和这个网络资源的关系。

<a href="url">Link text</a>

　　对于上面的代码，浏览器会理解这个外部资源为样式表，在下载这个资源的时候，页面的下载与解析不会停止。只有点击这个链接的时候才会加载。

　　一般使用在link和a元素 ，input中type为button等的onclick事件上。　　　　

src(源属性):

　　src指“source"，会在当前文档元素定义的位置将外部资源嵌入，使用外部资源替换元素的内容。

　　例如

<script src="myscript.js"> </script>

　　解释：对于上面代码，当页面解析到上面代码时，页面的下载与解析将会暂停，直到浏览器接受、编译、执行完script.js文件。这个过程与script标签中插入script.js内容相似。

　　img标签和上面的情况类似。img标签是一个空标签，其src属性对应的图片资源将会填充它。浏览器遇到img标签将会停止页面的加载与解析，直到浏览器加载完图片。

<img src="boat.gif" alt="Big Boat">

　　这也就是为什么喜欢讲script脚本置于底部，这样可以改善显示速度，因为脚本编译会拖慢显示。

　　一般使用在img、script、iframe 等元素上。

参考：https://my.oschina.net/u/3891078/blog/1833906