解决js图片加载时出现404的问题(js如何实现图片懒加载)

推荐整理分享解决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. 下载并插入图片