首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
利用图片的 onerror 事件载入默认图片
所属分类：
网络编程
/
JavaScript
阅读数： 1295
收藏 0
赞 0
分享
<!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='https://www.jb51.net/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="/upload/2009/9/18/2009091857654273.jpg" alt="on error 显示默认图片" resize="true" onerror="this.src='https://www.jb51.net/images/logo.gif'" /></a>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
js实现图片上传预览原理分析
这篇文章主要为大家详细介绍了js实现图片上传预览的原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
Angular限制input框输入金额（是小数的话只保留两位小数点）
最近做项目遇到这样的需求输入框要求输入金额，只能输入数字，可以是小数，必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码，需要的的朋友参考下吧
评论 0
收藏 0
赞 0
分享
详解vue-cli + webpack 多页面实例配置优化方法
本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法，具有一定的参考价值，有兴趣的可以了解一下
评论 0
收藏 0
赞 0
分享
详解React-Native解决键盘遮挡问题（Keyboard遮挡问题）
本篇文章主要介绍了React-Native解决键盘遮挡问题（Keyboard遮挡问题），具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
JavaScript反弹动画效果的实现代码
本文通过实例代码给大家介绍了js反弹动画效果的实现代码，需要的朋友参考下吧
评论 0
收藏 0
赞 0
分享
解决vue2.x中数据渲染以及vuex缓存的问题
本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
jsonp跨域请求详解
这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料，激活了所有接口支持浏览器跨域请求的封装，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
解决vue里碰到 $refs 的问题的方法
本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
js自定义弹框插件的封装
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
评论 0
收藏 0
赞 0
分享
深入理解vue $refs的基本用法
本篇文章主要介绍了深入理解vue $refs的基本用法 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
男子凭一张八卦图忽悠60多亲友发红包 短短1小时内获得300元红包
怎么用互联网思维的做餐饮？
网络赚钱靠骗吗？
短视频如何赚钱？短视频自媒体实操经验分享(真实)
一个既能省钱又能赚钱的公众号 你要错过么
淘宝评级规则详解
站长故事
更多
喜马拉雅创始人自述：网络电台一年半获取7000万用户
iPhone创造了黄牛 还是黄牛捧红了iPhone？
传统地摊转型网络营销90后农村小伙子月入过万
站长经验 草根站长成为自媒体明星的过程与经验
站长故事 一位“苦逼站长”的心酸 SEO真的如此简单吗？
站长故事之我的个人站长之路
