位置: 编程技术 - 正文
推荐整理分享解决js图片加载时出现404的问题(js如何实现图片懒加载),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:解决js图片加载不出来,解决js图片加载慢,js获取图片加载进度,js图片加载失败重新加载,js图片加载失败重新加载,解决js图片加载慢,js图片加载不出来,解决js图片加载慢,内容如对您有帮助,希望把文章链接给更多的朋友!
运营网站久了之后,无法避免会出现图片的情况,原因可能是图片文件本来就不存在或目前不存在。常见的解决方案是将图片隐藏或者是替换为默认的图片。 img标签事件属性img标签可使用的时间属性有:onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunloadimg标签常用的事件如下:onerror:图像加载过程中发生错误时被触发。onabort:图片加载的时候,用户通过点击停止加载时触发,通常在这里触发一个提示:“图片正在加载”。onload:当图片加载完成之后触发。1. 对图片监听onerror事件
注意:需要将处理函数定义在head,防止图片加载出错时没有读取到处理函数 2. 使用jQuery监听error
注意:jQuery加载需要在img前,处理函数需在img后3. 使用函数处理
以上函数有许多用处:1. 获取图片信息:图片是否可下载,图片宽高
2. 下载并插入图片
标签: js如何实现图片懒加载
本文链接地址:https://www.jiuchutong.com/biancheng/382719.html 转载请保留说明!友情链接: 武汉网站建设