onerror事件

173 阅读1分钟

通常在做一些图片,视频,音频页面展示的时候 需要通过后端提供的src属性或者本地的资源,但是在一些资源丢失,或者后端返回的src属性是一个错误值的时候,图片会根据src的错误加载不出图片隐藏掉,audio, video标签却会显示原本的样子

image.png 前端肯定不想要这种效果,前端为了优化页面的呈现,可以在src属性错误时候 图片可以展示一张默认失败的图片,而视频音频可以直接隐藏掉. onerror事件 就可以实现

可以通过回调函数的方式

```<img src="myFunction()">

```js
```const myFunction = (e)=>{
    //获取标签的src属性 并且赋值
    e.target.src = xxx 
    //去除onerror事件 放置当前赋值的图片路径错误陷入死循环
    e.target.onerror = null
}