如何用JavaScript实现图片的懒加载功能？

本文共计1036个文字，预计阅读时间需要5分钟。

1. 应用场景：当网页上有大量图片需要加载时，若一次性将所有图片加载完成，网页加载时间会过长；网页本身已响应缓慢，若再需引用图片，犹如雪上加霜。

1.使用场景

　　当网页上有大量图片需要加载时，如果一次性将图片全部加载完，网页加载时间会过长；

　　网页本身已经反应很慢了，如果你的页面上又需要引用图片，这时候同样是雪上加霜。

2.图片懒加载原理

　　图片懒加载，只不过是叫法比较高大上而已，其实现方式很简单，就是在需要的时候再给图片的src属性赋值，仅此而已。