一个图片链接<img src="" /> 想用js 判断url是否有效如果404 就加载默认的图片路径
<img src="xxx" οnerrοr="this.src=默认图地址"/>
图片标签img的 onerror事件
<img src="pic.gif" οnerrοr="javascript:this.src='默认图地址';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中为 img 指定一个默认图片。也就是说图片存在则显示 pic.gif,图片不存在将显示默认图片。
存在的问题:如果默认图片也不存在,则继续触发 onerror,导致循环,故出现错误。如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:通过函数加载默认图片,仅加载一次
<img src="abc.jpg" onerror="nofind()" /> <script type="text/javascript"> function nofind(){ var img=event.srcElement; img.src="http://mat1.gtimg.com/cd/2017/home/nlogo0518.png"; //替换的图片 img.onerror=null; //控制不要一直触发错误 } </script>
标签:
HTML,图片不存在,显示默认
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“HTML中图片不存在显示默认图片的方法示例”评论...
更新动态
2024年04月24日
2024年04月24日
- dnf畅玩任务系统的限定任务
- 《恶意不息》沃里克打法技巧
- 《恶意不息》属性点数作用介绍
- 《消逝的光芒2》1.16版本更新汇总
- 刘德丽《赤的疑惑HQCD》头版限量编号MQA[低速原抓WAV+CUE]
- 冯满天《弦歌满天·山上》阮月原创作品集[低速原抓WAV+CUE]
- 老虎鱼《EvenSantaGetsTheBlues圣诞老人也蓝调》iso
- 艾什莉体模COS《原神》角色:猫娘绮良良
- 《星刃》全球过审未删减 网友调侃日本审核制度
- PS官方分享《星刃》女主水下效果:动作流畅表情僵硬
- 群星《乘风踏浪 电视剧专辑》[FLAC/f分轨][110.36MB]
- 胡彦斌《音乐密码》[WAV分轨][379M]
- 林志炫《追寻伦敦星空下》[WAV分轨][564M]
- 萧亚轩.2004-首选萧亚轩美丽的插曲2CD【维京】【WAV+CUE】
- 容祖儿.2001-2008-喜欢祖儿系列8CD【英皇娱乐】【WAV+CUE】