博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片(img标签)的onerror事件
阅读量:6206 次
发布时间:2019-06-21

本文共 601 字,大约阅读时间需要 2 分钟。

 

 

<img src="pic.gif" οnerrοr="javascript:this.src='/noPic.gif';" alt="pic"  title="pic"/>

分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。

说明:如果图片存在,但网络很不通畅,也可能触发 onerror。

解决方法:

第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。

第二种:

<script type="text/javascript">

<!–

function nofind(){

var img=event.srcElement;

img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

img.οnerrοr=null; 控制不要一直跳动

}

//–>

</script>

 

备注:在火狐浏览器下img的src=""好像不会触发onerror事件.

你可能感兴趣的文章
《分布式系统:概念与设计》一第3节 练习
查看>>
福建、福州、厦门入选首批健康医疗大数据中心与产业园建设试点省市
查看>>
大数据重构电商商业逻辑
查看>>
谁对企业安全工作有最大推动力?
查看>>
承蓝科技姜意:从小作坊到“中国脑计划”
查看>>
《游戏设计师修炼之道:数据驱动的游戏设计》一1.2设计师和开发流程
查看>>
高效、稳定、安全:上海医药集团入云记
查看>>
倪光南:建议政府停止采购和使用“Windows 10政府版”
查看>>
韩购物网站服务器遭黑客攻击 千万用户信息被泄
查看>>
华为KunLun助力海澜之家升级ERP系统提升运营效率
查看>>
启动大数据项目之前需要问的5个问题
查看>>
EK空调:让数据中心制冷更节能、更高效
查看>>
DevOps成功实施:变化贯穿始终
查看>>
Oracle首席执行官Hurd:云迁移由业务现实驱动 将有两大SaaS阵营
查看>>
石油公司高管假扮马斯克窃取机密 被特斯拉提起控诉
查看>>
微网:光伏之蜜糖 电网之砒霜?
查看>>
这三家公司将要改变家庭无线路由器
查看>>
专访云知声CEO黄伟:如何打造人工智能「云端芯」生态闭环
查看>>
中兴通讯完成5G国家试验mMTC海量连接测试
查看>>
阿里钉钉内部信惹争议 企业专注创新取决于社交工具?
查看>>