img标签src对应的图片不存在,显示一个默认的图片
程序员文章站
2022-06-10 11:45:30
...
img标签src对应的图片不存在,显示一个默认的图片
[CSS]的方案
<img src="abc.JPG" onerror="this.src='default.JPG'" />
[CSS]的方案
<script type="text/javascript"> t = document.getElementsByClassName("defaultImg"); for(i = 0; i < t.length; i++){ t.item(i).onerror = function(){ this.src = "test.gif" } } </script> //采用 className 是为了更好的适应页面,不是每个img我们都要这样做的,甚至不同地方的img //我们要显示不同的默认图片。(采用img同样做法)。 //采用id则是犯了错误,id 导致只会拿到第一个id相符的。 //此代码经过测试在 非IE 的browser上正常工作。 //为了兼容IE个废物,请使用以下代码: <script type="text/javascript"> t = document.getElementsByTagName("img"); for(i = 0; i < t.length; i++){ t.item(i).onerror = function(){ if(this.id =="defaultImg"){ this.src = "test.gif"; this.onerror = null; } } } </script>
上一篇: 13999999999是谁的手机号码
推荐阅读
-
img的src地址是一个请求的方式来显示图片方法
-
javascript动态改变img的src属性图片不显示的解决方法
-
img标签src对应的图片不存在,显示一个默认的图片
-
img标签src对应的图片不存在,显示一个默认的图片
-
PHP 上传图片到七牛云以后,用HTML的IMG标签在scr处填上七牛云图片地址不能显示,可是在浏览器直接输入地址却能访问
-
如何显示绝对路径的图片?_html/css_WEB-ITnose">
如何显示绝对路径的图片?_html/css_WEB-ITnose
-
ie8.0下显示本地图片的js实现代码 img.src_图象特效
-
用Javascript判断图片是否存在,不存在则显示默认图片的代码_javascript技巧
-
关于img标签内:src不显示本地图片的问题
-
Vue中img的动态src不显示图片