首页
留言板
统计
Search
1
阿里云国际OSS使用CloudFlare免流量
2,046 阅读
2
Adobe Photoshop CS2经典版 中文原版
1,997 阅读
3
PP.UA免费域名注册
1,967 阅读
4
7-Zip中文美化版
1,947 阅读
5
获取免费的 Microsoft 365 E5 开发人员订阅
1,810 阅读
软件分享
网络资源
网络代码
生活情感
免费主机
Search
标签搜索
代码
工具软件
Android
教程
Emlog
办公软件
图形图像
免费空间
Web
情感
PHP
视频
Windows
系统工具
上传下载
建站
PDF
网盘
学习
Typecho
ZJ
累计撰写
792
篇文章
累计收到
104
条评论
首页
栏目
软件分享
网络资源
网络代码
生活情感
免费主机
页面
留言板
统计
搜索到
97
篇与
的结果
2019-11-20
处理img标签加载图片失败,显示默认图片简单代码
常规方法解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。 例如这样使用:<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';">当图片不存在时,将触发 onerror,而onerror 中又为img 指定一个logoError.png 图片。也就是说图片存在则显示logo.png,图片不存在将显示 logoError.png。 但是,注意哦,这里有个大坑哦,如果logoError.png 也不存在,则会继续触发 onerror,导致死循环,页面卡死。而且,就算图片存在,但网络很不通畅,也可能触发 onerror。 当然,解决办法是有的,代码如下:<img src="images/logo.png" onerror="slnotimg();"/> <script type="text/javascript"> function slnotimg() { var img = event.srcElement; img.src = "images/logoError.png"; img.onerror = null; //解绑onerror事件 } </script>
2019年11月20日
274 阅读
0 评论
0 点赞
1
...
12
13