技术库 技术手册 字体库 知识点 词汇表 联系我们
内容搜索   
本站最新推出网站制作字体库。
当前位置:WEB技术知识资源库(www.cn-web.com) .: WEB技术相关 .: JavaScript .: 判断网页中图片是否失效

判断网页中图片是否失效


网页中的新闻图片因为各种原因可能会出现失效(找不到图片等等)的错误,我们可以用javascript来判断它,如果失效,则替换其它图片。
 
1.指量替换:
 
在网页头部加以下代码:
<script language="javascript">
var AllImages=document.getElementsByTagName("IMG");
for(i=0;i<AllImages.length;i++)
{
 var img=AllImages[i];
 img.onerror=function()
 {
  this.src="http://www.cn-web.comxinxi/pic/noimg.gif";
  this.alt="图片来源错误";
 }
</script>
2.更多情况下我们是对单一的图片进行控制,只需要在img属性后加入代码就可以:
<img src="http://www.cn-web.com/logo.gif" onerror="this.src='http://www.cn-web.comxinxi/pic/noimg.gif'",这样就可以了。

Google
 

对此文章打分评级

用户评论

增加评论
此文章还没有任何评论!
网站地图 - 知识词汇 - 全文检索 - 广告服务 - 帮助中心 - 联系我们
.:www.cn-web.com
网站技术开发联盟之WEB开发技术知识库
联系人:老韩(QQ:5679551)
晋ICP备07003487号