PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

img标签中onerror用法及注意事项

img标签中onerror用法及注意事项

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-06-19
img中的onerror事件可以在图片发生成错误触发一个事件,比如当图片加载失败时,用onerror为当前img指定一个默认图片. 用法 img src=pic.gif onerror=javascript:this.src=/noPic.gif; alt=pic / 但有时使用不当在ie内核的浏览器下会早成死循环.比如当图片加载不成功时触

img中的onerror事件可以在图片发生成错误触发一个事件,比如当图片加载失败时,用onerror为当前img指定一个默认图片.

用法

<img src=”pic.gif” onerror=”javascript:this.src=’/noPic.gif’;” alt=”pic” />

但有时使用不当在ie内核的浏览器下会早成死循环.比如当图片加载不成功时触发加载默认图片,问题来了,如果默认图片也不存在或加载失败呢,在ie下就会反复的加载.

造成以下的这种错误,如图

 

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

解决方法:

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

第二种:

<script type=”text/javascript”>
<!–
function nofind(){
var img=event.srcElement;
img.src="/img/default.gif";
img.onerror=null; 控制onerror事件只触发一次
}
//–>
</script>
<td align=”center”><img src="/img/aaa.jpg" onerror=”nofind();” /></td>


延伸阅读:
XHTML标签的自关闭的写法应该注意的问题
网页制作中注意应用HTML标签的问题
删除字符串中HTML标签的函数
PHP提取HTML标签
HTML 标签自定义属性
DEDE5.3把tag标签逗号改成空格的方法分享
10大HTML标签罪行,您别再犯
如何用css控制链接(a标签)的宽和高
3个你可能从未用过的HTML标签
WML标签速查手册
title,keywords,description标签
JS对HTML标签select的操作
link标签属性全解
seo的h1,h2,h3标签和strong标签使用的方法及重要性
Tags: img   标签   onerror   注意事项  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号