当前位置: 代码迷 >> JavaScript >> 哪位高手会JS 帮个忙
  详细解决方案

哪位高手会JS 帮个忙

热度:66   发布时间:2012-03-05 11:54:01.0
谁会JS 帮个忙
<img src ="....." onerror="this.src='images/error.jpg';"/>  
 这是普通的图片如果不存在用另外一张图片代替  
 怎么样写个JS 判断页面内所有的图片 是否存在 
 不存在的图片 就用默认的图片代替?

------解决方案--------------------
多个时可以这样!

L@_@K
HTML code
<!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">
<head>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="Gao YiXiang" />
    <meta name="email" content="yixianggao@126.com" />
    <meta name="keywords" content="javascript dhtml dom" />
    <meta name="description" content="I love web development." />
</head>
<body>
    <img src="http://www.csdn.net/Images/logo_csdn.111" />
    <img src="http://www.csdn.net/Images/logo_csdn.222" />
    <img src="http://www.csdn.net/Images/logo_csdn.333" />
    <script type="text/javascript">
    <!--
var oImgs = document.getElementsByTagName("img");
for (var i=0; i<oImgs.length; i++)
{
    oImgs[i].onerror = function()
    {
        this.src='http://www.csdn.net/Images/logo_csdn.gif';
    };
}
    //-->
    </script>
</body>
</html>

------解决方案--------------------
function init()
{
var errorImgUrl = 'images/error.jpg';
var imgs= document.getElementsByTagName("img");
for(var i=0;i<imgs.length;i++)
{
imgs[i].onerror = function()
{
this.src=errorImgUrl;
}
}
}

html body标签中添加 
<body onload='init()'>
<yourHtmlCode>
</yourHtmlCode>
</body>
  相关解决方案