javascript - 为什么在尝试获取 img src 时获取浏览器 URL？

Question

我正在检查图像是否有 url 源。

// HTML (short version)
<div id="image-drop-box"> 
    <img class="promo-img hidden" title="Promo image" src="">
</div>

//JS
var promoImg = $('#image-drop-box .promo-img');
var missingImg = promoImg.prop('src').length == 0 ? true : false;

console.log(promoImg.prop('src').length);
console.log(promoImg.prop('src'));

虽然 img 源是空的，但它一直返回浏览器 URL。这是为什么？
See the jsFiddle here .

Answer 1

您正在查看 src 属性，它是相对于文档解析的；空白的相对 URL 解析为与其所在文档相同的 URL。如果您想知道 attribute 是否为空，请查看带有 attr 的属性:

var missingImg = !promoImg.attr('src'); // A blank string is falsey, so !"" is true
console.log("attr: " + promoImg.attr('src'));

Updated Fiddle