图片加载失败时怎样替换?

图片加载失败时怎样替换?这是一个比较简单的方法 可以直接在 HTML 里的 img 行内添加 里面有两个 src 第一个 src 是正常显示图片 第二个是在 onerror 事件里 当图片加载失败时的替换图片 如果第二张图片也失败的话 页

大家好,欢迎来到IT知识分享网。

我们在做项目是、时,有时候一些图片会不显示,会报错,加载失败,会显得不美观,有一种方法可以很好的解决:onerror 事件,这个事件属于一个错误事件,就是当页面报错是会触发。

<img src="img/企业家图片/微信图片_633.jpg" width="100%" height="100%" onerror="javascript:this.src='img/企业家图片/图片加载失败.png';this.onerror = null"/>

这是一个比较简单的方法,可以直接在HTML里的img行内添加,里面有两个src,第一个src是正常显示图片,第二个是在onerror事件里,当图片加载失败时的替换图片,如果第二张图片也失败的话,页面会进入死循环。

图片加载失败时怎样替换?

这是正常图片加载失败时的样子;

图片加载失败时怎样替换?

这是添加onerror事件图片加载失败时的样子,这个事件是让页面更美观。 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/154410.html

(0)
上一篇 2025-02-25 22:10
下一篇 2025-02-25 22:20

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信