我应该使用什么来代替不赞成使用的“ onerror”属性?

时间:2019-09-17 18:19:44

标签: image error-handling placeholder fallback

在我的图像上,我设置了onerror属性,以便在图像由于某种原因不可用时使用占位符:

<img
    class="article-img"
    src="path-to-image.jpg"
    alt="some description"
    onerror="this.src='/images/fallback.png'"
>

现在,它看起来像onerror has been deprecated,但我找不到建议的替代方法来处理错误(可能以类似的紧凑方式)。 / p>

知道为什么不推荐使用它也很有趣。

2 个答案:

答案 0 :(得分:0)

根据MDN,它似乎已被弃用为img标签属性,而不是全局事件; GlobalEventHandlers.onerror仍然有效,并且似乎还没有将标签属性事件归类(在该部分中,不推荐使用),它们仍在显示img属性示例。

参考:https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror

因此您仍然可以使用它,但不要将其用作标签属性,可以将其放在脚本标签或单独的文件中。

通过这种方式,我刚刚在w3c验证器上测试了具有onerror属性的img标签,并且没有将其标记为错误,也没有警告。

答案 1 :(得分:0)

我认为那是一个错误。

WHATWG还在其HTML living standard specification中提及onerror

此外,onerror元素上的img属性未包含在其obsolete features list中。

相关问题