利用图片的 onerror 事件载入默认图片
作者:bea
<!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
<!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:///images/logo.gif';};
}
//-->
</SCRIPT>
</BODY>
</HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
上面的代码在firefox有作用,ie7下无效。
下面是从chinaz弄来的代码。并且一直在用的,经过测试,ie7,firefox3.5经过测试
<a href="/softpic.asp" title="on error 显示默认图片" target="_blank"><img src="http://files./upload/2009/9/18/2009091857654273.jpg" alt="on error 显示默认图片" resize="true" onerror="this.src='http:///images/logo.gif'" /></a>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript 导出数据到Excel(处理table中的元素)
- event.srcElement 用法笔记e.target
- javascript获得光标所在的文本框(text/textarea)中的位置
- [原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]
- Javascript document.referrer判断访客来源网址
- jQuery Attributes(属性)的使用(二、类篇)
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- Javascript 中介者模式实例
- js textarea自动增高并隐藏滚动条
- jquery 简单的图片展示效果
- javascript 动态设置已知select的option的value值的代码
- javascript获取元素文本内容的通用函数
- javascript 语法基础 想学习js的朋友可以看看
- javascript 倒计时代码
- JavaScript 解析Json字符串的性能比较分析代码
- TextArea 控件的最大长度问题(js json)
- 比较详细的关于javascript 解析json的代码
- JQuery读取XML文件数据并显示的实现代码
- js实现页面打印功能实例代码(附去页眉页脚功能代码)