关闭

自动替换页面失效图片的代码

标签: htmlfunctiondivxml工作
1128人阅读 评论(0) 收藏 举报
分类:
在经典上看到一位朋友问了这个问题,其中xling大哥给出了一个解决办法:<img src="aaaa.gif"  onerror="this.src='http://www.blueidea.com/articleimg/usericon/xling.gif'" />,但是对于如果网页中存在大量图片的时候,一个个改代码工作量就大了。偶就想写一个函数自动更新页面所有的失效图片。
基本思想就是遍历页面中图片。如果发现失效则自动替换为预先设定的图片。
代码如下(这时个比较有用的代码):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  
<title></title>
  
<script type="text/javascript">
    
function DispErrImg(){
        
var imgs=document.getElementsByTagName("img");
        
for(var i=0;i<imgs.length;i++)
            imgs[i].onError
=imgs[i].src="http://www.blueidea.com/articleimg/usericon/xling.gif"
    }
</script>
</head>
<body>
<div id="a"></div>
<img src="aaa.gif" width="200" height="100" />
<img src="bbb.gif" width="200" height="100" />
<img src="ccc.gif" width="200" height="100" />
<img src="http://www.blueidea.com/articleimg/usericon/xling.gif" width="200" height="100" /
</body
>
<script type="text/javascript">
DispErrImg();
</script>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:264895次
    • 积分:4156
    • 等级:
    • 排名:第7386名
    • 原创:117篇
    • 转载:92篇
    • 译文:0篇
    • 评论:37条