javascript - 为什么 .prop ('src' ) 在属性 src 为 null 或空时返回错误值？

Question

jsfiddle

$('img').click(function () {
  alert($(this).prop('src'))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<img src="http://www.w3schools.com/tags/smiley.gif" />
<img src="" style="width: 10px; height: 10px; border: 1px solid;">

当我点击第二张图片时，它会提醒 http://stacksnippets.net/js。

为什么？

Answer 1

根据官方文档:

HTMLImageElement.src Is a DOMString that reflects the src HTML attribute, containing the full URL of the image including base URI.

这显然意味着，如果没有给 src 任何路径，src 属性将只等于 base URI

链接:https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement

一个快速的 javascript 解决方法是将 src 设置为 null 如果它的值为空

var src = $(this).prop('src') || null;

jsfiddle:http://jsfiddle.net/g9d8e4wh/1/

关于你的 .attr() vs .prop() 问题，我建议你去那里 .prop() vs .attr()