如何用JS 判断IMG 中的图像是否存在？如果不正确则载入缺省图像 default.gif

于娜 2008-02-24 04:30:04

如何用JS 判断IMG 中的图像是否存在？如果不正确则载入缺省图像 default.gif

<img id=my src="1.jpg" border="0">

<script type="text/javascript">
// 如果 id为“my” 的IMG标签图像不存在，则调入default.gif。怎么写？？？
</script>

...全文

720 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

yixianggao 2008-03-09

打赏
举报

[Quote=引用 3 楼 jiaxueq 的回复:]
楼上如果default.gif不存在的话，浏览器会溢出。
[/Quote]
谢谢提醒，改正一下

<!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 id=my src="1.jpg" border="0"> 



<script   type="text/javascript"> 

// 如果 id为“my”的IMG标签图像不存在，则调入default.gif。怎么写？？？



var defaultImg = "default.gif";



var img = document.getElementById("my");

// 自定义首次错误标识。

img.firstError = true;

img.onerror = function()

{

    if (this.firstError)

    {

        this.firstError = false;



        this.src = defaultImg;

    }

    else

    {

        this.alt = defaultImg;

    }

};

</script>

</body>

</html>

hbhbhbhbhb1021 2008-02-24

打赏
举报

如果只是显示图片加载失败之类的信息
可以使用alt提示



<img src="aaa.gif" alt="图片不存在">

cloudgamer 2008-02-24

打赏
举报

img.onerror = function()

{

    this.src = "default.gif";

this.onerror=null;

};

tantaiyizu 2008-02-24

打赏
举报

jiaxueq 2008-02-24

打赏
举报

楼上如果default.gif不存在的话，浏览器会溢出。

yixianggao 2008-02-24

打赏
举报

L@_@K

<img id=my src="1.jpg" border="0"> 



<script   type="text/javascript"> 

// 如果 id为“my”的IMG标签图像不存在，则调入default.gif。怎么写？？？ 

var img = document.getElementById("my");

img.onerror = function()

{

    this.src = "default.gif";

};

</script>

jiaxueq 2008-02-24

打赏
举报

<img id="my" src="1.jpg" border="0">
<script language="javascript">
var _err = false;
document.getElementById("my").onerror = function(){
if(!_err){_err=true;this.src = "default.jpg";}
}
</script>