CN104965914A - 一种页面显示方法及装置 - Google Patents

Abstract

本发明实施例公开了一种页面显示方法及装置，用以复用同一页面中的HTML元素仅加载对应的视频信息。所述方法包括：接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；显示重新加载页面信息后的显示页面；具有复用同一页面中的HTML元素仅加载对应的视频信息的有益效果，实现了视频信息加载时同一页面中视频信息对应的HTML元素的复用，提高了页面显示的智能性，节约了实现页面显示所需的总代码量。

Description

一种页面显示方法及装置

技术领域

本发明涉及互联网技术领域，特别涉及一种页面显示方法及装置。

背景技术

经过近几年的互联网技术的飞速发展，互联网的业务不断增加，人们基于互联网可以接触到各种各样的信息，网络也成为人们日常工作和生活中不可或缺的一部分。比如，用户可以利用互联网收发工作邮件、进行视频会议等；或者，利用互联网浏览新闻、听音乐、购物、订餐、观看视频等。随着互联网的不断发展进步，基于互联网所产生的视频信息的数据量也越来越大。当基于网络页面即网页加载并显示对应的视频信息时，通常将相应的视频信息加载到网页对应的超文本标记语言(Hyper Text Markup Language，HTML)元素中，基于该HTML元素来显示对应的视频信息。针对上述视频信息，在加载时，每次均需从数据库中调用对应的资源信息，并将调用的资源信息实时加载在网页对应的设定数量的HTML元素中。

目前，在视频信息对应的显示页面上加载对应的视频信息时，针对不同的网络页面，也同时加载了该网页中关于视频信息对应的HTML元素；而同一个网页中视频信息对应的HTML元素的数量是固定的，每次均加载上述HTML元素导致加载时间延长的同时，也浪费了大量的加载资源，且增加了后台对应的代码量。

发明内容

本发明实施例提供一种页面显示方法及装置，用以复用同一页面中的HTML元素仅加载对应的视频信息，实现视频信息加载时同一页面中视频信息对应的HTML元素的复用。

本发明实施例提供一种页面显示方法，包括：

接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

显示重新加载页面信息后的显示页面。

在一个实施例中，所述针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息，包括：

基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

在一个实施例中，所述针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息，包括：

基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

在一个实施例中，所述页面显示方法还包括：

接收针对显示页面的滚动条所触发的页面向上滚动指令；

基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。

对应于以上实施例所提供的一种页面显示方法，本发明实施例还提供了一种页面显示装置，包括：

删除模块，用于接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

加载模块，用于针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

显示模块，用于显示重新加载页面信息后的显示页面。

在一个实施例中，所述加载模块包括：

获取单元，用于基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

调取单元，用于按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

在一个实施例中，所述加载模块包括：

文本加载单元，用于基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

地址获取单元，用于根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

图片加载单元，用于按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

在一个实施例中，所述页面显示装置还包括：

接收模块，用于接收针对显示页面的滚动条所触发的页面向上滚动指令，基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。

以上实施例所描述的一种页面显示方法及装置可以达到如下有益效果：

通过接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；显示重新加载页面信息后的显示页面；具有复用同一页面中的HTML元素仅加载对应的视频信息的有益效果，实现了视频信息加载时同一页面中视频信息对应的HTML元素的复用，提高了页面显示的智能性，节约了实现页面显示所需的总代码量。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明根据一示例性实施例示出的一种页面显示方法的一种实施方式的流程图；

图2为本发明根据一示例性实施例示出的一种页面显示方法中步骤S20的一种实施方式的流程图；

图3为本发明根据一示例性实施例示出的一种页面显示方法中步骤S20的另一种实施方式的流程图；

图4为本发明根据一示例性实施例示出的一种页面显示方法的另一种实施方式的流程图；

图5为本发明根据一示例性实施例示出的一种页面显示装置的一种实施方式的框图；

图6为本发明根据一示例性实施例示出的一种页面显示装置中加载模块70的一种实施方式的框图；

图7为本发明根据一示例性实施例示出的一种页面显示装置中加载模块70的另一种实施方式的框图；

图8为本发明根据一示例性实施例示出的一种页面显示装置的另一种实施方式的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

本发明公开的一实施例中提供了一种页面显示方法，用以复用同一页面中的HTML元素仅加载对应的视频信息，实现视频信息加载时同一页面中视频信息对应的HTML元素的复用。如图1所示，本发明实施例中一种页面显示方法包括步骤S10-S30：

步骤S10、接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

本发明实施例中，通过复用超文本标记语言HTML元素，来实现页面的显示。在执行本发明实施例所描述的页面显示方法时，实时监测显示页面上用户触发的操作指令，当检测到用户针对显示页面的滚动条所触发的页面滚动操作指令时，接收上述针对显示页面的滚动条所触发的页面滚动操作指令，解析上述针对显示页面的滚动条所触发的页面滚动操作指令，获取所述页面滚动操作指令中对应的显示页面的滚动条的滚动方向。当获取的所述页面滚动操作指令对应的滚动条的滚动方向为向下滚动时，删除显示页面中HTML元素对应的页面信息。

步骤S20、针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

针对删除页面信息后的HTML元素，由于仅删除了填充在该HTML元素对应的信息显示框中的页面信息，该HTML元素仍保留在相应的显示页面上，因此，可以给予删除信息后的HTML元素，重新加载该页面滚动操作指令所触发的页面信息。

在一个实施例中，如图2所示，所述步骤S20可以实施为如下描述的步骤S201-S202：

步骤S201、基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

本发明实施例中，由于同一网页中，关于视频信息的HTML元素是固定的，比如固定为12个HTML元素，但并不等於实际资源的数量；例如，在对搜索结果分页显示后，每页的结果数可能远远大于12个。因此，在针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息，可以基于该显示页面上的HTML元素的元素信息，获取该HTML元素的设定数量，进而根据该HTML元素的设定数量，执行对应的加载操作。

步骤S202、按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

在获取到该显示页面上对应的HTML元素的设定数量后，在信息加载时，从数据库中调去上述HTML元素设定数量所对应的页面信息，进而将上述页面信息实时加载在上述对应的HTML元素中。

在一个实施例中，如图3所示，所述步骤S20还可以实施为如下描述的步骤S203-S205：

步骤S203、基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

本发明实施例中，针对滚动后的显示页面，按照该显示页面中对应的HTML元素的元素信息，加载显示在上述HTML元素对应位置的视频文件的视频摘要文本。其中，所述视频摘要文本包括但不限于：加载的视频名称、视频时长、视频关键词、视频字符型信息以及视频文件对应的视频摘要图片地址。

步骤S204、根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

步骤S205、按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

加载到显示在上述HTML元素对应位置的视频文件的视频摘要文本后，解析加载到的所述视频摘要文本，获取所述视频摘要文本中所包含的视频摘要图片地址，进而根据获取的视频摘要图片地址，加载需进入显示页面的所述视频文件对应的视频摘要图片。

步骤S30、显示重新加载页面信息后的显示页面。

在滚动后的显示界面上加载该显示页面上所有HTML元素对应的页面信息后，基于该HTML元素及其对应的页面信息，显示重新加载页面信息后的显示页面。

在上述实施例所提供的视频处理方法的基础上，当接收到针对显示页面的滚动条所触发的页面向上滚动指令时，直接在对应的显示页面上显示已加载的HTML元素对应的页面信息。如图4所示，本发明实施例页面显示方法还可以实施为如下描述的步骤S40-S50：

步骤S40、接收针对显示页面的滚动条所触发的页面向上滚动指令；

步骤S50、基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。

本发明实施例中，针对显示页面上对应的页面信息进行加载时，通常是按照由前到后的顺序进行加载，因此，当接收到针对显示页面的滚动条所触发的页面向上滚动指令时，由于向上滚动指令对应的显示页面的页面信息均已执行过加载操作，因此，可以直接基于该显示页面上的HTML元素，在滚动后对应的显示页面上，直接显示已经加载过的HTML元素对应的页面信息。

以上实施例所描述的一种页面显示方法，通过接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；显示重新加载页面信息后的显示页面；具有复用同一页面中的HTML元素仅加载对应的视频信息的有益效果，实现了视频信息加载时同一页面中视频信息对应的HTML元素的复用，提高了页面显示的智能性，节约了实现页面显示所需的总代码量。

对应本发明实施例提供的一种页面显示方法，本发明还提供了一种页面显示装置；如图5所示，所述一种页面显示装置，包括：删除模块60、加载模块70和显示模块80；其中：

所述删除模块60，用于接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

所述加载模块70，用于针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

在一个实施例中，如图6所示，所述加载模块70包括：

获取单元701，用于基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

调取单元702，用于按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

在一个实施例中，如图7所示，所述加载模块70包括：

文本加载单元703，用于基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

地址获取单元704，用于根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

图片加载单元705，用于按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

所述显示模块80，用于显示重新加载页面信息后的显示页面。

在一个实施例中，如图8所示，所述页面显示装置还包括：

接收模块90，用于接收针对显示页面的滚动条所触发的页面向上滚动指令，基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。

以上实施例所描述的一种页面显示装置，通过接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；显示重新加载页面信息后的显示页面；具有复用同一页面中的HTML元素仅加载对应的视频信息的有益效果，实现了视频信息加载时同一页面中视频信息对应的HTML元素的复用，提高了页面显示的智能性，节约了实现页面显示所需的总代码量。

本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (8)

1.一种页面显示方法，其特征在于，包括：

接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

显示重新加载页面信息后的显示页面。

2.如权利要求1所述的方法，其特征在于，所述针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息，包括：

基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

3.如权利要求1所述的方法，其特征在于，所述针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息，包括：

基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

4.如权利要求1或2或3所述的方法，其特征在于，所述页面显示方法还包括：

接收针对显示页面的滚动条所触发的页面向上滚动指令；

基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。

5.一种页面显示装置，其特征在于，包括：

删除模块，用于接收针对显示页面的滚动条所触发的页面滚动操作指令，删除显示页面中超文本标记语言HTML元素对应的页面信息；

加载模块，用于针对删除页面信息后的HTML元素，重新加载所述页面滚动操作指令所触发的页面信息；

显示模块，用于显示重新加载页面信息后的显示页面。

6.如权利要求5所述的装置，其特征在于，所述加载模块包括：

获取单元，用于基于所述HTML元素的元素信息，获取所述HTML元素的设定数量；

调取单元，用于按照获取的所述设定数量，从数据库中调取所述设定数量对应的页面信息。

7.如权利要求5所述的装置，其特征在于，所述加载模块包括：

文本加载单元，用于基于滚动后的显示页面，按照所述HTML元素的元素信息，加载显示在所述HTML元素对应位置的视频文件的视频摘要文本；

地址获取单元，用于根据加载到的所述视频摘要文本，获取所述视频文件对应的视频摘要图片地址；

图片加载单元，用于按照获取到的所述视频摘要图片地址，加载所述视频文件对应的视频摘要图片。

8.如权利要求5或6或7所述的装置，其特征在于，所述页面显示装置还包括：

接收模块，用于接收针对显示页面的滚动条所触发的页面向上滚动指令，基于所述HTML元素，在对应的显示页面显示已加载的所述HTML元素对应的页面信息。