一种弹出层显示方法及装置与流程

本发明涉及页面显示技术领域，特别是涉及一种弹出层显示方法及装置。

背景技术：

目前，常常需要在网页中显示悬浮在网页上的弹出层，以通过弹出层向浏览网页的用户展示提示信息。例如：在弹出层中显示充值成功等信息。

而现有技术中，当需要在网页中显示弹出层时，必须在预先在网页中写入该弹出层对应的所有代码。例如，当需要在多个网页中显示同一个弹出层时，需要预先在多个网页的网页代码中分别写入该弹出层对应的所有代码，以在用户打开这些网页时能够显示该弹出层，由于代码量非常多，这种显示弹出层的方式会导致工作量巨大。

技术实现要素：

本发明实施例的目的在于提供一种显示弹出层的方法及装置，以减少对弹出层进行显示的工作量。

第一方面，本发明实施例提供了一种弹出层显示方法，所述方法可以包括：

当检测到针对弹出层的显示指令时，根据所述显示指令包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，其中，所述预设弹出层模板组至少包含一个弹出层模板；

至少根据调取的弹出层模板，生成待显示弹出层；

显示所生成的待显示弹出层。

可选地，在调取的弹出层模板包含所要显示的提示信息的情况下，所述至少根据调取的弹出层模板，生成待显示弹出层的步骤可以包括：

仅根据调取的弹出层模板，生成待显示弹出层。

可选地，在调取的弹出层模板不包含所要显示的提示信息的情况下，所述至少根据调取的弹出层模板，生成待显示弹出层的步骤可以包括：

根据调取的弹出层模板以及所述显示指令包含的提示信息，生成包含所述提示信息的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的宽高信息；

所述生成待显示弹出层的步骤包括：

生成与所述宽高信息对应的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的显示位置；

所述显示所生成的待显示弹出层的步骤可以包括：

在所述显示位置显示所生成的待显示弹出层。

第二方面，本发明实施例提供了一种弹出层显示装置，所述装置可以包括：

调取单元，用于当检测到针对弹出层的显示指令时，根据所述显示指令包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，其中，所述预设弹出层模板组至少包含一个弹出层模板；

生成单元，用于至少根据调取的弹出层模板，生成待显示弹出层；

显示单元，用于显示所生成的待显示弹出层。

可选地，在所述调取单元所调取的弹出层模板包含所要显示的提示信息的情况下，所述生成单元具体用于：

仅根据调取的弹出层模板，生成待显示弹出层。

可选地，在所述调取单元所调取的弹出层模板不包含所要显示的提示信息的情况下，所述生成单元具体用于：

根据调取的弹出层模板以及所述显示指令包含的提示信息，生成包含所述提示信息的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的宽高信息；

所述生成单元具体用于：

生成与所述宽高信息对应的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的显示位置；

所述显示单元具体用于：

在所述显示位置显示所生成的待显示弹出层。

在本发明实施例中，在检测到显示弹出层的显示指令时，根据所述显示指令中所包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，从而可以根据所获得的弹出层模板，生成待显示弹出层，进而将所述待显示弹出层进行显示。通过该种显示弹出层的方式，不必事先在需要显示弹出层的目标网页的网页代码中，写入所述待显示弹出层所对应的代码，极大的降低了对弹出层进行显示的工作量。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种弹出层显示方法流程示意图；

图2为本发明实施例提供的一种弹出层显示装置结构示意图。

具体实施方式

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

现有技术中，为了在网页显示弹出层，需要在网页的网页代码中写入所要显示的弹出层的所有代码。由于网页的数量成千上万，当需要在大量网页上显示弹出层时，这种显示弹出层的方式耗时耗力，工作量巨大。

为了解决上述问题，本发明实施例提供了一种弹出层显示方法及装置。

下面首先对本发明实施例提供的弹出层显示方法进行说明。

需要说明的是，执行本发明实施例提供的弹出层显示方法的执行主体为终端，所述终端包括但并不局限于手机和电脑等设备。另外，实现本发明实施例提供的弹出层显示方法的功能软件可以为设置于终端中的专门的客户端软件，也可以为设置于终端中的现有客户端软件中的功能插件，这都是合理的。

参见图1，本发明实施例提供的弹出层显示方法，可以包括如下步骤：

S101：当检测到针对弹出层的显示指令时，根据所述显示指令包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，其中，所述预设弹出层模板组至少包含一个弹出层模板；

举例而言，当检测到在目标网页显示弹出层的显示指令时，可以获得所述显示指令所携带的弹出层模板的标识信息。在获得所述标识信息后，从预设弹出层模板组中调取与所述标识信息所对应的弹出层模板。其中，所述标识信息包括但并不局限于模板名称和模板编号。

需要说明的是，所述显示指令，可以是在显示所述目标网页的同时所生成的，也可以是在显示所述目标网页的预设时间段后所生成的，当然也可以是在接收到用户的触发指令(例如点击所述目标网页的固定位置)时所生成的，当然并不局限于此。

另外，本发明实施例提供的弹出层显示方法并不局限于在目标网页显示弹出层，也可以在目标应用程序的显示界面显示弹出层，这都是合理的。

值得说明的是，所述预设弹出层模板组中的弹出层模板可以基于Zdialog函数、Zalert函数和Zconfirm函数进行构建，当然并不局限于此。其中，通过这些函数，还可以对所述弹出层模板有无遮罩层，是否绑定按钮回调函数等进行设置，此为现有技术，在此不做详述。

可以理解的是，当预设的弹出层模板不符合显示需求时，只需对所述弹出层模板进行升级，而不必对每个网页中弹出层对应的代码进行重写，极大的减少了显示弹出层的工作量。

S102：至少根据调取的弹出层模板，生成待显示弹出层；

可以理解的是，在一种实现方式中，调取的弹出层模板包含所要显示的提示信息的情况下，所述至少根据调取的弹出层模板，生成待显示弹出层，包括：仅根据调取的弹出层模板，生成待显示弹出层。

举例而言，当需要在所述目标网页显示所述待显示弹出层，且需要在所述待显示弹出层显示“警告！”和确定按钮的提示信息时，所调取得到的模板中包含所要显示的“警告！”和确定按钮，此时可以直接利用所调取的弹出层模板，生成待显示弹出层。其中，该待显示弹出层至少包括“警告！”和确定按钮的提示信息。

在另一种实现方式中，在调取的弹出层模板不包含所要显示的提示信息的情况下，所述至少根据调取的弹出层模板，生成待显示弹出层，包括：根据调取的弹出层模板以及所述显示指令包含的提示信息，生成包含所述提示信息的待显示弹出层。

举例而言，当需要在所述目标网页显示所述待显示弹出层，且需要在所述待显示弹出层显示“警告！”和在该待显示弹出层右上角显示关闭图标的提示信息时，所调取得到的模板中包含所要显示的“警告！”，但是并不包含所述关闭图标。此时可以利用所调取的弹出层模板，以及显示指令所包含的在该待显示弹出层右上角显示关闭图标的提示信息，生成待显示弹出层。其中，该待显示弹出层至少包括“警告！”和关闭图标的提示信息。

另外，当需要调整待显示弹出层的宽高时，可以根据所述显示指令中所包含的待显示弹出层的宽高信息，生成与所述宽高信息对应的待显示弹出层。

S103：显示所生成的待显示弹出层。

举例而言，在生成针对目标网页的待显示弹出层后，可以在所述目标网页显示所述待显示弹出层。其中，可以根据所述显示指令中所包含的待显示弹出层的显示位置，在所述显示位置显示所生成的待显示弹出层。

在本发明实施例中，在检测到显示弹出层的显示指令时，根据所述显示指令中所包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，从而可以根据所获得的弹出层模板，生成待显示弹出层，进而将所述待显示弹出层进行显示。通过该种显示弹出层的方式，不必事先在需要显示弹出层的目标网页的网页代码中，写入所述待显示弹出层所对应的代码，极大的降低了对弹出层进行显示的工作量。

相应于上述方法实施例，本发明实施例还提供了一种弹出层显示装置，如图2所示，所述装置可以包括：

调取单元201，用于当检测到针对弹出层的显示指令时，根据所述显示指令包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，其中，所述预设弹出层模板组至少包含一个弹出层模板；

生成单元202，用于至少根据调取的弹出层模板，生成待显示弹出层；

显示单元203，用于显示所生成的待显示弹出层。

在本发明实施例中，在检测到显示弹出层的显示指令时，根据所述显示指令中所包含的弹出层模板的标识信息，从预设弹出层模板组中调取与所述标识信息对应的弹出层模板，从而可以根据所获得的弹出层模板，生成待显示弹出层，进而将所述待显示弹出层进行显示。通过该种显示弹出层的方式，不必事先在需要显示弹出层的目标网页的网页代码中，写入所述待显示弹出层所对应的代码，极大的降低了对弹出层进行显示的工作量。

可选地，在所述调取单元201所调取的弹出层模板包含所要显示的提示信息的情况下，所述生成单元202具体用于：

仅根据调取的弹出层模板，生成待显示弹出层。

可选地，在所述调取单元201所调取的弹出层模板不包含所要显示的提示信息的情况下，所述生成单元202具体用于：

根据调取的弹出层模板以及所述显示指令包含的提示信息，生成包含所述提示信息的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的宽高信息；

所述生成单元202具体用于：

生成与所述宽高信息对应的待显示弹出层。

可选地，所述显示指令中还包含待显示弹出层的显示位置；

所述显示单元203具体用于：

在所述显示位置显示所生成的待显示弹出层。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。