利用图片的 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> <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='//www.gxlcms.com/images/logo.gif';}; } //--> </SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上面的代码在firefox有作用，ie7下无效。
下面是从chinaz弄来的代码。并且一直在用的，经过测试，ie7,firefox3.5经过测试
<img src="http://img.gxlcms.com//Uploads-s/new/2019-09-17-201917/2009091857654273.jpg" alt="on error 显示默认图片" resize="true" onerror="this.src='//www.gxlcms.com/images/logo.gif'" />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]