对于网站图像的不显示有很多原因,网络问题,文件本身问题,文件URL问题等,而当图像加载失败时会触发onerror这个事件,我们利用这点,可以有效的避免图像加载失败的尴尬!
js代码
复制代码 代码如下:
//图像加载出错时的处理
function errorImg(img) {
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg";
img.onerror = null;
}
html代码
复制代码 代码如下:
<img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />
页面效果
您可能感兴趣的文章:
- js中if语句的几种优化代码写法
- javascript教程:关于if简写语句优化的方法
- nodejs的10个性能优化技巧
- JavaScript也谈内存优化
- Uglifyjs(JS代码优化工具)入门 安装使用
- js性能优化 如何更快速加载你的JavaScript页面
- js 优化次数过多的循环 考虑到性能问题
- Extjs优化(二)Form表单提交通用实现
- JavaScript优化以及前段开发小技巧