在onerror函数中重写img标签的onerorr函数

Question

这里我有一个标签来显示图像；
我希望它显示如下：
如果存在 1.jpg，显示 1.jpg。
else if 存在 2.jpg 显示 2.jpg
否则显示 3.jpg

它出错了；但是可以这样做吗？

Answer 1

将处理程序放在单独的 JS 函数中：

function image_failover(img) {
    img.onerror = function() {
        img.src = '3.jpg';
    }
    img.src = '2.jpg;
}

<img src="1.jpg" onerror="image_failover(this)" />

使用上述函数，您可以级联任意数量的嵌套onerror 处理程序。虽然如果它变得很长，您可能应该将所有图像放在一个数组中，并且每次调用处理程序时都会增加一个索引。