如何让网页上的失效图片，显示默认缺省图片。
做网页图片展示的时候，当图片不存在时网页上的图片位置会显示一个红x，这看起来多不好啊。
这时可以通过js来判断图片是否加载成功，如果未加载成功，则加载默认图片用以提示该图片不存在。
那怎么做呢？
其实这个方法很简单，就是“onerror”事件，当图片未加载成功时，就会触发该事件。
触发该事件后，可以写个语句,让img标签创新加载默认图片来替换显示不了的图片。
具体事例（请删掉sr c 中间的空格）
<img sr c="原图片地址" onerror="this.sr c='默认图片地址'">
如destoon 里我们可以这样写（请删掉sr c 中间的空格）(8.0及以下的写法)
<img sr c="原图片地址" onerror="this.sr c='{DT_SKIN}image/nopic60.gif'">DESTOON9.0的写法（请删掉sr c 中间的空格）
<img sr c="原图片地址" onerror="this.sr c='{DT_STATIC}image/nopic160.png'">
这样就Ok啦
本文标题: 怎么让网页下的失效图片，显示默认缺省图片
本文链接: https://mbkfw.com/course/w-275.html (转载时请注明来源链接)
本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com QQ/290948585
特别鸣谢: 如果您觉得本文对您有帮助，请给我们一个小小的赞，收藏本文更利于反复学习哦！
下班PC阅读不方便？
手机也可以随时学习开发
微信扫一扫
评易近人
累计评论达10条
2022-08-21 获得
分享达人
分享他人文章达到10篇
2022-08-19 获得
打卡狂魔
连续登录满60天
2022-08-16 获得
满勤成就
连续登录满30天
2022-08-15 获得
累计签30天
累计达30天签到
2021-08-04 获得
赞无不胜
累计点赞达30次
2021-08-03 获得
初见码名
文章累计获赞达50
2017-08-04 获得
助人为乐
长期无私奉献乐于助人
2015-09-12 获得
持之以恒
累计发文达50篇
2015-09-12 获得
搬运工
网络资源搬运者
2015-09-03 获得
1024超级勋章
10.24当天发文
2014-10-24 获得
连续签7天
连续签到7天
2013-09-12 获得
宣传大使
宣传形象大使
2013-09-12 获得
挑战自我
累计发文达30篇
2013-09-12 获得
插件
插件用户
2013-07-10 获得
定制
定制用户
2013-07-10 获得
开发者
编程开发者
2013-07-10 获得
新一代前端开发引领者
关注我们
微信公众号
微信小程序
微信客服
川公网安备 51010702002669号
18605917465
客服QQ