JS代码实现图片懒加载

现如今富媒体信息时代，很多电商产品都会有大量的图片素材展示，无论是移动端、PC端都会可能遇到。如果一个展示页面有大量的图片需要加载，那么该如何进行优化？在这里，给大家整理一下我是怎么使用JS代码实现图片懒加载的。

	
	
	
	






	

		

			

				

					<#list houseBoList as hb>
						

							
								
								<#if hb.showPic??&&hb.showPic!=''>
									
								<#else>
									

										
暂无图片
									
								
							
						
					
				
			
		
	

关键技术点：

需要用好img标签的onload 、onerror两个属性！

特别提示：

onerror使用的过程中可能会出现死循环，大家切记需要获取当前this对象的父对象，然后进行remove操作。

 

以上代码仅供参考，如有不当之处，欢迎指出！！！

更多干货，欢迎大家关注我。期待和大家一起更好的交流、探讨技术！！！