利用图片的 onerror 事件载入默认图片


答案：<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>载入默认图片</title> 
</head> 

<BODY> 
<div id="container"></div> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
window.onload=function(){ 
var container = document.getElementById("container"); 
var thumbImg = container.appendChild(document.createElement('img')); 
thumbImg.src = "20091214920298336.jpg" ; //不存在的图片 
thumbImg.onerror = function(){thumbImg.src='http://www.zhaoxi.net/images/logo.gif';}; 
} 
//--> 
</SCRIPT> 
</BODY> 
</HTML> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上面的代码在firefox有作用，ie7下无效。
下面是从chinaz弄来的代码。并且一直在用的，经过测试，ie7,firefox3.5经过测试
<img src="http://www.zhaoxi.net/upload/2009/9/18/2009091857654273.jpg" alt="on error 显示默认图片" resize="true" onerror="this.src='http://www.zhaoxi.net/images/logo.gif'" />

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：javascript 语法基础想学习js的朋友可以看看
下一个：jQuery Attributes(属性)的使用(二、类篇)

更多图片编程知识: