这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
批量检查图片地址显示是不是有错误,在 ie 浏览器中是有当图片不存在时的 onerror 事件的,下面的代码即是非常不错的应用。
这个是批量的检查,比较好的思路
[Ctrl+A 全选 注: 如需引入外部 Js 需刷新才能执行]
- <!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 class="img-responsive" src="1.jpg" data-src="" />
- <img class="img-responsive" src="2.jpg" data-src="" />
- <img class="img-responsive" src="3.jpg" data-src="" />
- <img class="img-responsive" src="4.jpg" data-src="" />
- </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>
用 Javascript 判断图片是否存在,不存在则显示默认图片的代码可以参考下面的
来源: http://www.phperz.com/article/17/0716/287959.html