javascript - 为什么img标签同时有data-src和src？这些有什么区别？

Question

我是 JavaScript 初学者。谁能告诉我为什么 data-src 和 src 都存在？这两者的目标分别是什么？

还有一个问题是href="javascript:;"是什么意思？为什么分号后面什么都没有？？

这是我的代码:

<img style="width: 400px; height: 600px;" id="PicSrc" data-src=
"http://image.xcar.com/attachments/a/day_131222/2013122214_59cc5328b60142f66b98nD1UtoNKWnqt.jpg" 
src="%E8%BD%A6_files/2013122214_59cc5328b60142f66b98nD1UtoNKWnqt.jpg"></a><a id="collect" class="collect" 
style="display: block;" 
href="javascript:;"></a>
<a id="zoom" class="zoom" style="display: block;" href="javascript:;"></a> 

Answer 1

data-src 是一个数据属性。您可以阅读一篇关于它们的好文章 here

本质上，data 属性 只是为程序员存储私有(private)数据，浏览器无法解释或用户无法看到。

在这种情况下，data-src 属性可能链接到图像的缩放版本。单击缩放链接时，某些 JavaScript 会检查 data 属性 并更改图像。