图片无法加载时onerror处理
来源:互联网 发布:为什么知乎很多反政府 编辑:程序博客网 时间:2024/05/21 16:54
1.当我们设置的图片无法加载或者设置默认图片时,都可以使用onerror,可以省去一些判断
一,直接写在行内,简单但是可能存在隐患,当设置的默认图片不存在或者因为网速没有加载出来时,会造成抖动,以至浏览器崩溃
<img src="" alt="" onerror="javascript:this.src='./images/default.jpg'">
二.网上很多这样写,但是存在火狐不兼容的情况
<img src="./images/0.jpg" alt="" onerror="nofind()">
<script>
function nofind(){
var img=event.srcElement;
img.src="./default.jpg";
img.onerror=null; //控制不要一直跳动
}
</script>
三.我认为这样更好
<img src="./images/0.jpg" alt="" onerror="nofind(this)">
<script>
function nofind(_this){
_this.src="./images/default.jpg";
_this.onerror=null;
}
</script>
0 0
- 图片无法加载时onerror处理
- 图片(img标签)的onerror事件当图片无法加载时处理
- 图片未正常加载时使用onerror 来进行后续处理。
- 【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
- img标签添加onerror显示没有加载图片时的图片
- 图片onerror事件,为图片加载指定默认图片
- JavaScript-onerror事件:图片加载失败后不显示
- websocket 无法连接 onerror
- jqprint的网页打印,部分图片无法加载处理
- javascript预加载图片的处理(src无法加载图片)
- 使用universalimageloader图片加载框架,正确加载却无法显示图片问题的处理
- Xcode9无法加载图片?
- 加载默认图片,如何避免img标签陷入onerror事件死循环
- ListView加载 图片时的优化处理
- 图片加载处理
- 图片加载失败处理
- android图片加载处理
- 异步处理加载图片
- NOIP 2015 推销员
- 【codeforces】gym 101137 K - Knights of the Old Republic【用最小生成树对图做集合dp】
- Javascript判断Crontab表达式是否合法
- [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.j
- 有关线程的函数
- 图片无法加载时onerror处理
- Javascript模块化编程(一)
- C语言编译连接过程和宏
- 纯css制作带三角的边框(带效果图)
- NOIP 2014 螺旋矩阵
- 函数中.call/.bind/.apply三者的区别
- java-mysql基本操作笔记2
- api-title
- new-title