Image onerror 事件

onerror 事件会在文档或图像加载过程中发生错误时被触发。

 <img src="image.gif" onerror="alert(' 图片不能被加载。')"> 

可使用在图片未成功加载时使用默认图片，如下：

<img src="xxx.png" onerror="javascript:this.src='static/images/default.png';">

理想情景：当 xxx.png 找不到时会触发 onerror 事件并且将 src 指向的图片，并正常显示 不理想：本地的图片也加载有问题，此时会 不断的触发 onerror 事件，导致死循环，故此方式有风险不推荐

<script type="text/javascript"> 
     function errorEvent(dom){ 
        dom.src = "static/images/default.png"; 
        dom.onerror = null; // 避免死循环
     } 
</script> 

<img src="xxx.png" onerror="errorEvent(this)" />

参考地址：https://www.cnblogs.com/yincece0316/p/10821861.html

由于 errorEvent 函数已弃用（不推荐使用），官方推荐使用监听器监听错误：Element: error event - Web APIs | MDN (mozilla.org)。