如何用JavaScript实现网页内容按需加载？

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

页面数据懒加载。Div元素移动到可视区域后再去ajax加载内容。最近有需求做页面，需要加载多个table用于数据展示，但用户浏览页面时不需要一次性将页面所有东西加载出来，例如页面上有3个table。

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

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