关于html <img /> 标签中的 onerror

来源:互联网 发布:淘宝怎么拆分订单发货 编辑:程序博客网 时间:2024/06/05 06:18

img标签在使用的时候 一下几个事件非常的有用:

onError:当图片加载出现错误,会触发 经常在这里事件里头写入 将图片导向默认报错图片,以免页面上出现红色的叉叉

 

onLoad:事件是当图片加载完成之后触发

 

onAbort:图片加载的时候,用户通过点击停止加载(浏览器上的红色叉叉)时出发,通常在这里触发一个提示:“图片正在加载”

正常情况下显示src所指路径的图片,加载失败时显示通过img标签的onerror事件显示另一张图片

如果图片加载失败时,在IE下会显示  X


 eg:

1、onerror实例:

<img src= img/12.gif  width= 258  height= 178  onerror= this.src='img/26.gif' alt="图片" />


原创粉丝点击