javascript中的img的onerror用法

JasonXiaohan 2011-02-26 04:19:35
各位大侠们好,我想请教各位个问题,
就是现在我想实现个功能,其中思路是这样的,在显示图片的时候先读商家的图片url,如果商家的图片url访问错误的话,就显示已经本地化了的图片,再如果本地化的图片显示失败的话,就显示出一个错误的图片地址,这是我写的其中的一点代码,还请javascript高手指点指点,谢谢!
<div>
<script type="text/javascript">
function notfind()
{
var img=event.srcElement;
img.src="http://g-ecx.images-amazon.com/images/G/28/x-site/icons/no-img-sm._V192562228_AA75_.gif";
var imgsrc="http://ec4.images-amazon.com/images/I/41Grz7A52aL._SL500_AA190_.jpg";

img.onerror=null;
}
</script>
<tr class="imgCell"><td width=58>
<img border=0 width=55 height=80 src="http://images.tiantian.com:80/upload/Cosmetics/oreal/300X300/9tt10-15oly1-3_300X300.jpg" onerror="notfind();"></td>
<td width=290><h3>LOREAL欧莱雅男士控油磨砂洁面膏100ml (新款)</h3></td><td class="merchNameCell" align=center width=90>
</div>
...全文
205 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
<script type="text/javascript">
var picUrl=['http://csdn/theforever碧海情天1.jpg','http://csdn/theforever碧海情天2.jpg','http://csdn/theforever碧海情天3.jpg'];
function notfind()
{
var img=event.srcElement;
for(var i=0;i<picUrl.length-1;i++){
if(img.src.indexOf(picUrl[i])>-1) img.src=picUrl[i+1];
}
}
</script>
<img border=0 width=55 height=80 onerror="notfind()" src="http://csdn/theforever碧海情天1.jpg">
  • 打赏
  • 举报
回复
<script type="text/javascript">
var picUrl=['http://theforever/theforever1.jpg','http://theforever/theforever2.jpg','http://theforever/theforever3.jpg'];
function notfind()
{
var img=event.srcElement;
for(var i=0;i<picUrl.length-1;i++){
if(img.src==picUrl[i]) img.src=picUrl[i+1];
}
}
</script>
<img border=0 width=55 height=80 onerror="notfind()" src="http://theforever/theforever1.jpg">

注意:若给src设置了相对路径,则取src时会返回绝对路径,因此不能用相等判断,需要改为测试是否包含。

write by theforever碧海情天_csdn

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧