[发明专利]一种在网页上高效显示列表内容的方法

说明书

本发明公开了一种在网页上高效显示列表内容的方法，用于浏览器端，浏览器端打开网页时在页面中构造若干用于显示的容器，容器在页面上以方阵排列，浏览器将所获取的实际需要显示的数据内容以类似的外观分别显示在容器上，用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，容器上显示的数据内容包括文字、图片、表格。本发明在网页上展示大量的内容时，不会造成性能下降，使用过程中感觉是连续和完整的。

技术领域

本发明涉及信息传输技术领域，尤其是涉及一种在网页上高效显示列表内容的方法。

背景技术

用户用浏览器访问网络，浏览器在网页上显示内容时，一般直接会把完整内容放在页面上，或者是分页显示，一次展示其中的一页，这样就会出现一些问题，比如，如果在完整显示网页内容时，一旦网页内容过长过多，在滚动时可能造成浏览器性能下降，用户感觉到卡顿；如果分页显示网页内容，用户的浏览过程就会有卡顿，用户使用感觉体验不佳。

发明内容

本发明是为了解决浏览器显示网页内容时容易产生性能下降和卡顿的问题，提供一种在网页上高性能地展示大量的内容，即不会造成性能下降，在用户使用过程中的感觉也是连续和完整的一种在网页上高效显示列表内容的方法。

为了实现上述目的，本发明采用以下技术方案：一种在网页上高效显示列表内容的方法，用于浏览器端，所述的浏览器端打开网页时在页面中构造若干用于显示的容器，所述浏览器将所获取的实际需要显示的数据内容以类似的外观显示在容器上，用户滚动页面或者导航到内容的其他部分时，所述的容器位置不变，所述浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中。初次显示时，浏览器会把用户视觉上看到的第一屏所需的数据放入构造好的容器中，当用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，这样一来，实际只有用户看到的部分在改变，用户看不到的部分不参与浏览器的渲染，大大降低了浏览器的性能开销，因此既能保持流畅，又能显示大量的连续数据。

作为优选，所述的容器在页面上以方阵排列。现有显示屏以方形为主，容器以方阵形式排列，可在同一页面上显示刚好占据显示屏可见部分的容器，并且在滚动页面时，可以整行变换，方便浏览器计算和显示数据内容。

作为优选，所述的容器上显示的数据内容包括文字、图片、表格。浏览器获取的数据内容包括JSON格式或者XML格式，经计算后，可以以文字、图片、表格等方式显示在容器上。

因此，本发明具有如下有益效果：1）在网页上展示大量的内容时，不会造成性能下降；2）使用过程中感觉是连续和完整的。

附图说明

图1是本发明的一种页面容器显示示意图。

图2是图1在滚动页面后的容器显示示意图。

具体实施方式

下面对本发明做进一步的描述。

如图1、图2所示，一种在网页上高效显示列表内容的方法，用于浏览器端，浏览器端打开网页时在页面中构造若干用于显示的容器，容器在页面上以方阵排列，每行两个，共十个，浏览器将所获取的实际需要显示的数据内容以类似的外观分别显示在十个容器上，用户滚动页面或者导航到内容的其他部分时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并把数据填充到对应位置的容器中，容器上显示的数据内容包括文字、图片、表格。

具体使用过程是，初次显示时，浏览器会把用户视觉上看到的第一屏所需的数据放入构造好的如图1所示的容器中，在上面一行容器中显示数据1至数据5，在下面一行容器中显示数据6至数据10，当用户滚动页面时，容器位置不变，浏览器计算应该显示的内容所对应的数据，并在上面一行容器中显示数据6至数据10，在下面一行容器中显示数据11至数据15，以此连续显示。