如何用JavaScript实现网页数据的延迟加载？

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

页面数据加载缓慢。Div元素滚动到可视区域再进行Ajax加载内容。最近有需求做页面，其中包含多个table用于加载数据，但用户浏览页面时，不需要一次性将页面所有东西加载出来，比如页面上只显示3个table。

页面数据懒加载。Div移动到可视区域再去ajax加载内容。

最近有需求做页面的多个table用于加载数据，但是用户浏览页面的时候不需要一次将页面所有的东西加载出来，比如页面上3个table就占满了，用户点进去第一眼也就只能看到3个。为了防止一次加载拖慢了页面的速度，所以之后的table我们要懒加载。即该table移动到了可视区域再去异步请求加载数据。