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

Question

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

<img src="1.jpg" onerror="this.scr='2.jpg';this.onerror='this.src=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 处理程序。尽管如果它变得很长，您可能应该将所有图像放入一个数组中，并且让处理程序在每次调用时增加一个索引。