我们在做项目是、时,有时候一些图片会不显示,会报错,加载失败,会显得不美观,有一种方法可以很好的解决:onerror 事件,这个事件属于一个错误事件,就是当页面报错是会触发。
<img src="img/企业家图片/微信图片_20230908215633.jpg" width="100%" height="100%" onerror="javascript:this.src='img/企业家图片/图片加载失败.png';this.onerror = null"/>
这是一个比较简单的方法,可以直接在HTML里的img行内添加,里面有两个src,第一个src是正常显示图片,第二个是在onerror事件里,当图片加载失败时的替换图片,如果第二张图片也失败的话,页面会进入死循环。
这是正常图片加载失败时的样子;
这是添加onerror事件图片加载失败时的样子,这个事件是让页面更美观。