javascript - img 标签中缺失的 src 属性在浏览器中的表现如何？

Question

我有一个页面，其中隐藏了一组披露信息中的许多图像。当您单击该部分的标题时，将出现图像(以及其他内容)。到目前为止，一切都很好。然而，这些图像有很多，导致加载时间荒谬，所以我只想在需要显示时才加载它们。当我打开该部分时，我检查是否 src图像的设置，如果没有，我设置它并加载图像。但是，我发现如果省略 src我的 <img> 的属性, Javascript(在 Chrome 中)认为它 === '' .它与空字符串相同!我本来希望它是 undefined .

这很好，但似乎有点太好了。不同浏览器如何评价img.src什么时候img是一个 <img>没有 src 的标签？如果我检查 img.src === '' , 这在其他浏览器上安全吗？

Answer 1

您可以像这样简单地检查它:

if (!img.src) {
    // need to set the .src property here
}

因为这会检查任何虚假值，所以无论浏览器是否返回 null、undefined 或 ""，这都会覆盖您。

仅供引用，我试过 this jsFiddle在 Firefox、Chrome 和 IE 中，它们都返回了 .src 属性的空字符串，但是如果某些浏览器的某些旧版本稍微有点不同的想法。