javascript - 跳过 的缺失元素

Question

我用来显示图像，通过迭代，通过 i 说。但是对于某些条目，图像实际上可能丢失了。有没有办法避免显示断开的链接图标？ (即如果找不到图像则跳过该元素)

Answer 1

我假设你有这样的代码:

var imgs = document.getElementsByTagName('img');

用一些图像填充一个变量。您可以只设置 onerror图像标签的方法(如其他答案中所述)来处理您想要的丢失图像。

这将删除 <img>图片未加载的标签:

for (var i in imgs)
{
    imgs[i].onerror = function() {
        this.style.display = 'none';
    }
}

如果你想加载missing_image.jpg而不是让标签消失(小心这个，因为如果 missing_image.jpg 不存在，浏览器可能不会检测到您可以进入的无限循环......):

for (var i in imgs)
{
    imgs[i].onerror = function() {
        this.src = 'missing_image.jpg`;
    }
}

来源:

1. Javascript 图像对象:http://www.w3schools.com/jsref/dom_obj_image.asp
2. HTML 标签:http://www.w3schools.com/tags/tag_img.asp