1. 首页
  2. 文章中心
  3. HTML/HTML5

html img加载失败，怎样替换为默认图片onerror属性jquery.error函数jquery.one函数

204 阅读 0 评论
我是靠谱客的博主 鳗鱼曲奇，这篇文章主要介绍html img加载失败，怎样替换为默认图片onerror属性jquery.error函数jquery.one函数，现在分享给大家，希望可以做个参考。

 img元素加载图片失败，则变成一个小图标，让页面变得难看。此时如何替换为默认图片？

onerror属性

img元素自带onerror属性，加载失败时，触发error事件 
<img src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/posts/default.gif" />

jquery.error函数

jquery提供对应的事件处理函数 
$('img').error(function(){
    $(this).attr('src',"default.gif");
})

jquery.one函数

使用上面两种方法，假如默认图片也加载失败，则变成死循环. 此时可使用one()绑定事件 
$("img").one("error", function(e){
     $(this).attr("src", "default.gif");
});
 
另外error事件，不支持冒泡，jquery.delegate函数捕捉不到error事件。

最后

以上就是鳗鱼曲奇最近收集整理的关于html img加载失败，怎样替换为默认图片onerror属性jquery.error函数jquery.one函数的全部内容，更多相关html内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(135)

相关文章

OOM in keras
OOM in keras
训练之中发生OOM的解决问题办法
训练之中发生OOM的解决问题办法
OOM when allocating tensor with shape[96,3,299,299] and type float on /job:localhost/replica:0/task:...
OOM when allocating tensor with shape[96,3,299,299] and type float on /job:localhost/replica:0/task:...
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[64,1,5,5]
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[64,1,5,5]
html img加载失败，怎样替换为默认图片onerror属性jquery.error函数jquery.one函数
html img加载失败，怎样替换为默认图片onerror属性jquery.error函数jquery.one函数
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[100,35,35,64
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[100,35,35,64
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[4096]
ResourceExhaustedError (see above for traceback): OOM when allocating tensor with shape[4096]
TensorFlow入门-MNIST & CNN
TensorFlow入门-MNIST & CNN

评论列表共有 0 条评论

立即
投稿
返回
顶部