繁体中文
设为首页
加入收藏
首页
网页制作
脚本专栏
网络编程
数据库
源码下载
软件下载
脚本下载
平面设计
媒体动画
网站技巧
实用技巧
免费资源
主机租用
域名查询
典型特效
按钮特效
页面背景
鼠标特效
时间日期
状态特效
图象特效
cookie
下拉菜单
链接特效
导航菜单
页面导航：
首页
→
网络编程
→
JavaScript
→
网页特效
→
图象特效
→ 正文内容 js 图片不存在
javascript批量检查当图片不存在时则显示默认图片的代码
发布：dxy 字体：[
增加
减小
] 类型：转载
批量检查图片地址显示是不是有错误，在ie浏览器中是有当图片不存在时的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>在不存在图片时显示默认图片练习 by 阿会楠</title> <style type="text/css"> img{ border:1px solid #cccccc; width:100px; height:50px; } </style> </head> <body> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> <img src="4.jpg" /> </body> </html> <script type="text/javascript"> var imgs = document.images; for(var i = 0;i < imgs.length;i++){ imgs[i].onerror = function(){ this.src = "http://www.jb51.net/images/logo.gif"; } } </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
用Javascript判断图片是否存在，不存在则显示默认图片的代码可以参考下面的
http://www.jb51.net/article/8796.htm
Tags：
js
图片不存在
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
JavaScript国旗变换效果代码
下一篇文章：
JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
·在百度中搜索关于“
javascript批量检查当图片不存在时则显示默认图片的代码
相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
用js实现上传图片前的预览（TX的面试题）
特漂亮的JS图片排列旋转效果代码
多图幻灯Wipe擦洗效果
纯js无flash仿搜狐女人频道FLASH图片切换
照片各部分的彩色与黑白交替更换
鼠标图片振动代码
动感超强的JS图片轮换特效
左右图片循环滚动停顿一下后继续
javascript批量检查当图片不存在时则显示
非常漂亮的JS代码经典广告
最 近 更 新
用javascript实现的图片马赛克后显示并切
從博客網扣了一個效果出來
推荐自用 Javascript 缩图函数 (onDOMLoa
图片向上滚动
用js实现上传图片前的预览（TX的面试题）
一个已封装好的漂亮进度条
比较炫的图片播放器 js 焦点效果代码
超级经典一套鼠标控制左右滚动图片带自动
来自ImageSee官方 JavaScript图片浏览器
多图展示滑动过渡效果
热 点 排 行
纯js无flash仿搜狐女人频道FLASH
真正的连续滚动图片
ＪＳ＋ＦＬＡＳＨ幻灯片播放图片
推荐一个不错的图片浏览效果
左右图片循环滚动停顿一下后继续
多图展示点击切换效果模拟的flas
奇妙的Javascript图片放大镜
图片从右至左滚动JS
图片向上滚动
JS实现全景图效果360度旋转
文章评论
共有 位脚本之家网友发表了评论我来说两句