[发明专利]一种页面分割显示方法

说明书

技术领域

本发明属于网页处理领域，尤其涉及一种页面分割显示方法。

背景技术

目前，当网站增加新式功能时，如果不给用户必要的提示，用户很容易忽视新式功能的使用或者不知道如何使用新式功能。针对上述问题，于现有技术中，通过单纯地覆盖图片指示进行提示。然而，上述方式虽然可以达到提示目的，但是用户可能会完全忽略而进行其他操作。因此，如果上述新式功能是用户必然需要的流程，则用户可能无法完成某些操作。另外，于现有技术中，还会使用遮罩层完全覆盖网页，将待引导的功能以截图的方式覆盖在遮罩层上。然而，上述方式中，待引导的功能无法直接操作，只起到了提示作用。此外，还会使用遮罩层完全覆盖网页，将待引导的功能以重输出代码的形式覆盖在遮罩层上。然而，上述方式亦存在以下问题。首先，重输出的代码需要包含原功能区的所有功能，从而造成冗余；其次，输出的结构是独立存在的，需要动态定位，十分不便。

发明内容

本发明提供一种页面分割显示方法，以解决上述问题。

本发明提供一种页面分割显示方法。上述方法包括以下步骤：用户打开页面，页面加载完成后，调用javascript程序创建遮罩层，所述遮罩层覆盖整个页面，所述javascript程序将所述遮罩层的位置信息保存至数组maskArray；所述javascript程序获取所述页面上待显示的功能区块页面元素，并将所述功能区块页面元素的位置信息保存至数组boxes；所述javascript程序根据数组maskArray及数组boxes保存的位置信息依次比较遮罩层与待显示的功能区块页面元素的位置关系，若所述待显示的功能区块页面元素与所述遮罩层存在交叠，则以所述待显示的功能区块页面元素分割所述遮罩层，并将分割后遮罩层的位置信息更新至数组maskArray；所述javascript程序根据更新的所述数组maskArray中的位置信息输出待显示的功能区块页面元素。

相较于先前技术，根据本发明提供的页面分割显示方法，所述javascript程序根据数组maskArray及数组boxes保存的位置信息依次比较遮罩层与待显示的功能区块页面元素的位置关系，若所述待显示的功能区块页面元素与所述遮罩层存在交叠，则以所述待显示的功能区块页面元素分割所述遮罩层，并将分割后遮罩层的位置信息更新至数组maskArray，并根据更新的数组maskArray中的位置信息输出待显示的功能区块页面元素。如此，可以将不必要的内容进行遮蔽，仅为用户提供相关功能所需的页面显示，使得用户不会跳过引导操作。同时，将待显示的功能区块页面元素显示后，可保持上述功能区块的可操作性，从而达到理想的引导操作目的，另外，整个流程给予用户明确的操作步骤提示，提高用户体验。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1所示为根据本发明的较佳实施例提供的页面分割显示方法的流程图；

图2及图3所示为根据本发明的较佳实施例提供的页面分割示意图。

具体实施方式

下文中将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

图1所示为根据本发明的较佳实施例提供的页面分割显示方法的流程图。图2及图3所示为根据本发明的较佳实施例提供的页面分割示意图。如图1所示，本发明的较佳实施例提供的页面分割显示方法包括步骤101～104。请一并参考图2及图3。

于步骤101，用户打开页面，页面加载完成后，调用javascript程序创建遮罩层，所述遮罩层覆盖整个页面，所述javascript程序将所述遮罩层的位置信息保存至数组maskArray。其中，初始时创建的遮罩层用元素elm表示，且所述数组maskArray存储元素elm的上下左右的位置信息。其中，所述元素elm的上下左右的位置信息例如表示为elm.top、elm.bottom、elm.left、elm.right。