当图片获取失败时onerror和onload

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

最近项目中遇到一个问题,当图片加载不出来时。在pc,mobile上面,图片的位置是空白的。但是苹果pad上面,图片的位置是一个淡淡的方框,如图

134421_aefb_2608629.png

于是就想到给这个无法显示的图片加一个visibility: hidden;这样就看不见,并且位置还保留着。同理,也可以替换为一张默认图片。

与加载有关的事件有2个,onerror和onload

1.使用onerror解决img加载失败的问题

先看一看官网对该事件的介绍

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

支持该事件的 HTML 标签:

, ,