CN110020336A - 遮罩层控制方法及装置 - Google Patents

Abstract

本发明公开了一种遮罩层控制方法及装置。其中，该方法包括：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。本发明解决了相关技术中无法实现采用一个遮罩层实现多次显示的技术问题。

Description

遮罩层控制方法及装置

技术领域

本发明涉及计算机网络领域，具体而言，涉及一种遮罩层控制方法及装置。

背景技术

网页处于加载过程中时，在与后端服务器交互过程中，由于无法确定加载时长以及一次操作可能会引发多个动作等，针对上述问题，一般都会采用覆上一层遮罩，从而起到指示或阻挡其他操作的目的。因此，会有需要打开多次遮罩层的需求，例如，一次向三个后端接口加载数据时，就会需要多次打开遮罩，从而既增加了DOM节点以及其操作，也限制了遮罩样式的多样性，例如，透明度。

针对上述相关技术中无法实现采用一个遮罩层实现多次显示的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种遮罩层控制方法及装置，以至少解决相关技术中无法实现采用一个遮罩层实现多次显示的技术问题。

为了解决上述问题，根据本发明实施例的一个方面，提供了一种遮罩层控制方法，包括：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

可选地，根据获取的所述计数器的值对所述遮罩层进行控制，该遮罩层控制方法还包括：判断网页所处的状态，其中，网页所处的状态包括网页处于开始加载的状态，或者，网页处于加载完成的状态；依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制。

可选地，依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制包括：在网页处于开始加载的状态的情况下，判断获取的计数器的值是否大于0；在判断结果为获取的计数器的值大于0的情况下，将计数器的值加1；在判断结果为获取的计数器的值等于0的情况下，显示遮罩层，并将计数器的值加1。

可选地，依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制还包括：在网页处于加载完成的状态的情况下，判断获取的计数器的值是否大于1；在判断结果为获取的计数器的值大于1的情况下，确将计数器的值减1；在判断结果为获取的计数器的值等于1的情况下，隐藏遮罩层，并将计数器的值减1。

为了解决上述问题，根据本发明实施例的另外一个方面，还提供了一种遮罩层控制装置，包括：获取单元，用于获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；控制单元，用于根据获取的计数器的值对遮罩层进行控制。

可选地，控制单元包括：判断模块，在根据获取的计数器的值对遮罩层进行控制之前，判断网页所处的状态，其中，网页所处的状态包括网页处于开始加载的状态，或者，网页处于加载完成的状态；控制模块，用于依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制。

可选地，控制模块包括：第一判断子模块，用于在网页处于开始加载的状态的情况下，判断获取的计数器的值是否大于0；第一处理子模块，用于在判断结果为获取的计数器的值大于0的情况下，将计数器的值加1；第二处理子模块，用于在判断结果为获取的计数器的值等于0的情况下，显示遮罩层，并将计数器的值加1。

可选地，控制模块还包括：第二判断子模块，用于在网页处于加载完成的状态的情况下，判断获取的计数器的值是否大于1；第三处理子模块，用于在判断结果为获取的计数器的值大于1的情况下，将计数器的值减1；第四处理子模块，用于在判断结果为获取的计数器的值等于1的情况下，隐藏遮罩层，并将计数器的值减1。

为了解决上述问题，根据本发明实施例的另外一个方面，还提供了一种存储介质，存储介质包括存储的程序，其中，程序运行时控制存储介质所在设备执行以下操作：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

为了解决上述问题，根据本发明实施例的另外一个方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行以下操作：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

在本发明实施例中，采用获取计数器的值，并根据获取的计数器的值对遮罩层进行控制。由于增加了一个计数器，只要计数器的值不为0，就控制遮罩层处于显示状态，反之，就控制遮罩层处于隐藏状态。采用上述方式，可以有效避免相关技术中的网页每进行一次加载操作，就打开一个遮罩层的方式，采用本发明实施例所提供的遮罩层控制方法不仅减少了DOM节点以及对应的操作，而且也减少了对遮罩层样式的多样性的限制，例如，透明度，从而解决了相关技术中无法实现采用一个遮罩层实现多次显示的技术问题，也提升了用户体验。

附图说明

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

图1是根据本发明实施例的遮罩层控制方法的流程图；

图2是根据本发明实施例的遮罩层控制装置的示意图；

图3是根据本发明实施例的遮罩层控制装置中控制单元23的示意图；

图4是根据本发明实施例的遮罩层控制装置中控制模块33的示意图；以及

图5是根据本发明实施例的可选的遮罩层控制装置中控制模块33的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了方便描述，下面对本发明实施例中出现的名词或者术语进行说明：

遮罩层：可以将与遮罩层相连接的图形中的图像遮盖起来，用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。

文档对象模型(Document Object Model，简称DOM)：是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松的访问页面中所有的标准组件。

针对上述问题，本发明实施例采用获取计数器的值，然后根据计数器的值对遮罩层进行控制，有效减少了现有技术中采用的在当前网页中每出现加载请求，就打开一个遮罩层的现象。下面进行详细说明。

根据本发明实施例，提供了一种遮罩层控制方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图1是根据本发明实施例的遮罩层控制方法的流程图，如图1所示，该遮罩层控制方法包括如下步骤：

步骤S102，获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数。

其中，计数器的值是一个不小于0的整数，并且每次依据网页的状态，只能对计数器的值做加1或减1的操作。

步骤S104，根据获取的计数器的值对遮罩层进行控制。

通过上述步骤，可以实现采用获取计数器的值，并根据获取的计数器的值对遮罩层进行控制。由于增加了一个计数器，只要计数器的值不为0，就控制遮罩层处于显示状态，反之，就控制遮罩层处于隐藏状态。采用上述方式，可以有效避免相关技术中的网页每进行一次加载操作，就打开一个遮罩层的方式，采用本发明实施例所提供的遮罩层控制方法不仅减少了DOM节点以及对应的操作，而且也减少了对遮罩层样式的多样性的限制，例如，透明度，从而解决了相关技术中无法实现采用一个遮罩层实现多次显示的技术问题，也提升了用户体验。

在上述步骤S102至步骤S104中，通过增加了一个计数器，基于计数器的值来实现对遮罩层的状态进行控制，相对于相关技术中网页中每出现一次加载请求，就显示一个遮罩层，提高了用户的视觉体验，减少了性能浪费，因此，采用依据计数器的值对遮罩层进行控制相对于相关技术中的方式是具有优势的。

在一个可选的实施方式中，为了使的对遮罩层的控制更加合理，根据获取的所述计数器的值对所述遮罩层进行控制可以包括：判断网页所处的状态，其中，网页所处的状态包括网页处于开始加载的状态，或者，网页处于加载完成的状态；依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制。

需要说明的是，依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制可以分为网页处于加载的状态以及网页处于加载完成的状态两个阶段，下面进行具体说明。

一方面，依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制可以包括：在网页处于开始加载的状态的情况下，判断获取的计数器的值是否大于0；在判断结果为获取的计数器的值大于0的情况下，确定遮罩层处于显示状态，控制遮罩层继续处于显示状态，并将计数器的值加1；在判断结果为获取的计数器的值等于0的情况下，显示遮罩层，并将计数器的值加1。

另外一个方面，依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制还可以包括：在网页处于加载完成的状态的情况下，判断获取的计数器的值是否大于1；在判断结果为获取的计数器的值大于1的情况下，确定遮罩层处于显示状态，控制遮罩层继续处于显示状态，并将计数器的值减1；在判断结果为获取的计数器的值等于1的情况下，隐藏遮罩层，并将计数器的值减1。

通过上述实施例，实现了在网页处于不同场景下，根据获取的计数器的值对遮罩层进行不同的控制处理。

下面对本发明一个完整的实施例进行说明。1).预设计数器的值A，其中，计数器A的值用于标识网页当前加载时请求打开遮罩层的次数，A是一个不小于0的值，并且，每次只能对A做加1或者减1的操作。2).预设计数器检测方法B1：如果A>0，返回true；A＝0，返回false。3).预设计数器检测方法B2：如果A>1，返回true；A＝1，返回false。4).预设计数器处理方法C1：显示遮罩层。5).预设计数器处理方法C2：隐藏遮罩层。6).预设开始加载方法D1：调用B1方法，如果结果返回true，则将A+1；如果结果为false，调用C1方法，并将A+1。7).预设加载完成方法D2：调用B2方法，如果结果返回true，则将A-1；如果结果为false，调用C2方法，并将A-1。另外，在需要进行长时间、不确定时间操作时，先调用D1方法；再调用D2方法。从而实现了，在不影响用户使用体验的前提下，在技术层面减少DOM节点及操作，提升计算机性能使用效率。

本发明实施例还提供了一种遮罩层控制装置，需要说明的是，本申请实施例的遮罩层控制装置可以用于执行本发明实施例所提供的用于遮罩层控制方法。以下对本发明实施例提供的遮罩层控制装置进行介绍。

图2是根据本发明实施例的遮罩层控制装置的示意图，如图2所示，该遮罩层给控制装置包括：获取单元21以及控制单元23，下面进行详细说明。

获取单元21，用于获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数。

控制单元23，用于根据获取的计数器的值对遮罩层进行控制。

通过本发明实施例提供的遮罩层控制装置，采用获取单元21，用于获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；控制单元23，用于根据获取的计数器的值对遮罩层进行控制。从而解决了相关技术中无法实现采用一个遮罩层实现多次显示的技术问题，也提升了用户体验。

图3是根据本发明实施例的遮罩层控制装置中控制单元23的示意图，如图3所示，控制单元23包括：判断模块31，在根据获取的计数器的值对遮罩层进行控制之前，判断网页所处的状态，其中，网页所处的状态包括网页处于开始加载的状态，或者，网页处于加载完成的状态；控制模块33，与上述判断模块31连接，用于依据网页所处的状态，根据获取的计数器的值对遮罩层进行控制。

图4是根据本发明实施例的遮罩层控制装置中控制模块33的示意图，如图4所示，控制模块33包括：第一判断子模块41，用于在网页处于开始加载的状态的情况下，判断获取的计数器的值是否大于0；第一处理子模块43，与上述第一判断子模块41连接，用于在判断结果为获取的计数器的值大于0的情况下，确定遮罩层处于显示状态，控制遮罩层继续处于显示状态，并将计数器的值加1；第二处理子模块45，与上述第一判断子模块41连接，用于在判断结果为获取的计数器的值等于0的情况下，显示遮罩层，并将计数器的值加1。

图5是根据本发明实施例的可选的遮罩层控制装置中控制模块33的示意图，如图5所示，控制模块33还包括：第二判断子模块51，用于在网页处于加载完成的状态的情况下，判断获取的计数器的值是否大于1；第三处理子模块53，与上述第二判断子模块51连接，用于在判断结果为获取的计数器的值大于1的情况下，确定遮罩层处于显示状态，控制遮罩层继续处于显示状态，并将计数器的值减1；第四处理子模块55，，与上述第二判断子模块51连接，用于在判断结果为获取的计数器的值等于1的情况下，隐藏遮罩层，并将计数器的值减1。

为了解决上述问题，根据本发明实施例的另外一个方面，还提供了一种存储介质，存储介质包括存储的程序，其中，程序运行时控制存储介质所在设备执行以下操作：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

为了解决上述问题，根据本发明实施例的另外一个方面，还提供了一种处理器，处理器用于运行程序，其中，程序运行时执行以下操作：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

所述遮罩层控制装置包括处理器和存储器，上述获取单元21、控制单元23、判断模块31、控制模块33、第一判断子模块41、第一处理子模块43、第二处理子模块45、第二判断子模块51、第三处理子模块53以及第四处理子模块55等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元实现相应功能。上述预设条件都可以存储在存储器中。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数对遮罩层进行控制。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本申请还提供了一种计算机程序产品的实施例，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序代码：获取计数器的值，其中，计数器的值用于标识网页当前加载时请求打开遮罩层的次数；根据获取的计数器的值对遮罩层进行控制。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

显然，本领域的技术人员应该明白，上述的本申请的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请不限制于任何特定的硬件和软件结合。

以上所述仅为本申请的优选实施例，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种遮罩层控制方法，其特征在于，包括：

获取计数器的值，其中，所述计数器的值用于标识网页当前加载时请求打开所述遮罩层的次数；

根据获取的所述计数器的值对所述遮罩层进行控制。

2.根据权利要求1所述的方法，其特征在于，根据获取的所述计数器的值对所述遮罩层进行控制包括：

判断所述网页所处的状态，其中，所述网页所处的状态包括所述网页处于开始加载的状态，或者，所述网页处于加载完成的状态；

依据所述网页所处的状态，根据获取的所述计数器的值对所述遮罩层进行控制。

3.根据权利要求2所述的方法，其特征在于，依据所述网页所处的状态，根据获取的所述计数器的值对所述遮罩层进行控制包括：

在所述网页处于开始加载的状态的情况下，判断获取的所述计数器的值是否大于0；

在判断结果为获取的所述计数器的值大于0的情况下，将所述计数器的值加1；

在判断结果为获取的所述计数器的值等于0的情况下，显示所述遮罩层，并将所述计数器的值加1。

4.根据权利要求2所述的方法，其特征在于，依据所述网页所处的状态，根据获取的所述计数器的值对所述遮罩层进行控制还包括：

在所述网页处于加载完成的状态的情况下，判断获取的所述计数器的值是否大于1；

在判断结果为获取的所述计数器的值大于1的情况下，将所述计数器的值减1；

在判断结果为获取的所述计数器的值等于1的情况下，隐藏所述遮罩层，并将所述计数器的值减1。

5.一种遮罩层控制装置，其特征在于，包括：

获取单元，用于获取计数器的值，其中，所述计数器的值用于标识网页当前加载时请求打开所述遮罩层的次数；

控制单元，用于根据获取的所述计数器的值对所述遮罩层进行控制。

6.根据权利要求5所述的装置，其特征在于，所述控制单元包括：

判断模块，在根据获取的所述计数器的值对所述遮罩层进行控制之前，判断所述网页所处的状态，其中，所述网页所处的状态包括所述网页处于开始加载的状态，或者，所述网页处于加载完成的状态；

控制模块，用于依据所述网页所处的状态，根据获取的所述计数器的值对所述遮罩层进行控制。

7.根据权利要求6所述的装置，其特征在于，所述控制模块包括：

第一判断子模块，用于在所述网页处于开始加载的状态的情况下，判断获取的所述计数器的值是否大于0；

第一处理子模块，用于在判断结果为获取的所述计数器的值大于0的情况下，将所述计数器的值加1；

第二处理子模块，用于在判断结果为获取的所述计数器的值等于0的情况下，显示所述遮罩层，并将所述计数器的值加1。

8.根据权利要求6所述的装置，其特征在于，所述控制模块包括：

第二判断子模块，用于在所述网页处于加载完成的状态的情况下，判断获取的所述计数器的值是否大于1；

第三处理子模块，用于在判断结果为获取的所述计数器的值大于1的情况下，将所述计数器的值减1；

第四处理子模块，用于在判断结果为获取的所述计数器的值等于1的情况下，隐藏所述遮罩层，并将所述计数器的值减1。

9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序运行时控制所述存储介质所在设备执行以下操作：

获取计数器的值，其中，所述计数器的值用于标识网页当前加载时请求打开所述遮罩层的次数；

根据获取的所述计数器的值对所述遮罩层进行控制。

10.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行以下操作：

获取计数器的值，其中，所述计数器的值用于标识网页当前加载时请求打开所述遮罩层的次数；

根据获取的所述计数器的值对所述遮罩层进行控制。