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是data attribute。你可以阅读一篇关于他们的好文章here

基本上data attributes用于存储私有数据，仅供程序员使用，而不是由浏览器解释或由用户看到。

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

Answer 2

以data-开头的任何属性都是自定义属性。您的应用程序可以根据您的需要使用它们，但浏览器不会对它们执行任何特定操作。

href值是一个空的javascript块，这意味着点击该链接不会将您带到新页面，但您应该为其指定值void(0)以确保其正常工作。在这些情况下，您的应用程序通常会在链接上具有自定义单击处理程序，以便在单击链接时执行某些操作。该点击处理程序可以使用data-src的值。

为什么img标签有data-src和src？那些有什么区别？

2 个答案: