CN113835800A

CN113835800A - 弹窗的显示方法和装置、以及存储介质和电子设备

Info

Publication number: CN113835800A
Application number: CN202110990098.XA
Authority: CN
Inventors: 杨一鹏
Original assignee: Beijing Jindi Technology Co Ltd
Current assignee: Beijing Jindi Technology Co Ltd
Priority date: 2021-08-26
Filing date: 2021-08-26
Publication date: 2021-12-24
Anticipated expiration: 2041-08-26
Also published as: CN113835800B

Abstract

本发明公开了一种弹窗的显示方法和装置、以及存储介质和电子设备，所述方法包括：当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点；基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。本发明的方法通过设置弹窗的挂载对象，能够实现在全屏状态下进行操作需要显示弹窗时，弹窗显示时不退出全屏，能够与用户友好交互，提升用户的交互体验。

Description

弹窗的显示方法和装置、以及存储介质和电子设备

技术领域

本发明涉及信息显示技术领域，并且更具体地，涉及一种弹窗的显示方法和装置、以及存储介质和电子设备。

背景技术

在全屏情况下查看比如企业关系图等图谱类信息时，对于一些操作，会在出现弹窗时自动退出全屏，与用户的交互不友好。例如，对于收藏操作，当在全屏状态下点击收藏时会出现添加至我的收藏的一些选项的弹窗，但是此时会退出全屏。例如，对于显示会员的弹窗，在全屏状态下点击后需要显示会员的弹窗，但是现有技术无法实现，即不会显示所需要显示的会员的弹窗，只有退出全屏才会显示会员的弹窗。

因此，针对上述全屏状态下进行操作时交互不友好的问题，需要一种新的弹窗的显示方法。

发明内容

本发明要解决的问题包括在全屏状态下进行操作，弹窗时会自动退出全屏状态，与用户交互不友好。

为了解决上述诸如全屏状态下进行操作，弹窗时会自动退出全屏状态的技术问题，提出了本发明。本发明的实施例提供了一种弹窗的显示方法和装置、以及存储介质和电子设备。

根据本发明实施例的一个方面，提供了一种弹窗的显示方法，所述方法包括：

当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点；

基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

优选地，其中还包括：

当确定目标对象处于全屏状态，且接收到弹窗指令时，设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点。

优选地，其中还包括：

当接收到弹窗指令时，触发基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。优选地，其中所述设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点，包括：

确定与所述弹窗对应的弹窗组件，设置所述弹窗组件的渲染容器为所述目标对象的文档对象模型节点；

获取所述弹窗组件的资源，并将所述弹窗组件的资源注入到所述目标对象的文档对象模型节点下。

优选地，其中还包括:

在所述目标对象处于非全屏状态时所在显示页面的根节点下，查找所述弹窗组件的资源，以获取所述弹窗组件的资源。

优选地，其中还包括：

当所述目标对象退出全屏状态和/或接收到关闭弹窗指令时，卸载弹窗的挂载对象为所述目标对象的文档对象模型节点。

优选地，其中还包括：

当所述目标对象退出全屏状态和/或接收到关闭弹窗指令时，将所述弹窗组件的资源从所述目标对象的文档对象模型节点中移除。

优选地，其中还包括：

当所述目标对象退出全屏状态和/或接收到关闭弹窗指令时，更改所述弹窗组件的渲染容器为所述目标对象处于非全屏状态时所在显示页面的根节点下。

优选地，其中所述弹窗组件的资源，包括：逻辑代码资源和样式代码资源。

优选地，其中还包括：

当所述目标对象处于非全屏状态时，设置所述弹窗的挂载对象为所述目标对象处于非全屏状态时所在显示页面的根节点；

基于所述根节点，将所述弹窗在所述目标对象处于非全屏状态下显示。

根据本发明实施例的另一个方面，提供了一种弹窗的显示装置，所述装置包括：

挂载模块，用于当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点；

显示模块，用于基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

根据本发明实施例的又一个方面，提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序用于执行本发明上述任一实施例所述的方法。

根据本发明实施例的又一个方面，提供了一种电子设备，所述电子设备包括：处理器和存储器；其中，

所述存储器，用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现本发明上述任一实施例所述的方法。

根据本发明实施例的又一个方面，提供了一种计算机程序，包括计算机可读代码，当所述计算机可读代码在设备上运行时，所述设备中的处理器执行用于实现本发明上述任一实施例所述的方法。

基于本发明上述实施例提供的弹窗的显示方法和装置、以及存储介质和电子设备，当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点；基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。本发明的方法通过设置弹窗的挂载对象，能够实现在全屏状态下进行操作需要显示弹窗时，弹窗显示时不退出全屏，能够与用户友好交互，提升用户的交互体验。

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

附图说明

通过参考下面的附图，可以更为完整地理解本发明的示例性实施方式：

图1为根据本发明一示例性实施例提供的弹窗的显示方法100的流程图；

图2为根据本发明一示例性实施例提供的非全屏状态下的弹窗显示示例图；

图3为根据本发明一示例性实施例提供的全屏状态下的弹窗显示示例图；

图4为根据本发明一示例性实施例提供的弹窗的显示方法400的流程图；

图5为根据本发明一示例性实施例提供的弹窗的显示方法500的流程示意图；

图6为根据本发明一示例性实施例提供的弹窗的显示装置600的结构示意图；

图7为根据本发明一示例性实施例提供的电子设备的结构。

具体实施方式

下面，将参考附图详细地描述根据本发明的示例实施例。显然，所描述的实施例仅仅是本发明的一部分实施例，而不是本发明的全部实施例，应理解，本发明不受这里描述的示例实施例的限制。

应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

本领域技术人员可以理解，本发明实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等，既不代表任何特定技术含义，也不表示它们之间的必然逻辑顺序。

还应理解，在本发明实施例中，“多个”可以指两个或两个以上，“至少一个”可以指一个、两个或两个以上。

还应理解，对于本发明实施例中提及的任一部件、数据或结构，在没有明确限定或者在前后文给出相反启示的情况下，一般可以理解为一个或多个。

另外，本发明中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本发明中字符“/”，一般表示前后关联对象是一种“或”的关系。

还应理解，本发明对各个实施例的描述着重强调各个实施例之间的不同之处，其相同或相似之处可以相互参考，为了简洁，不再一一赘述。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，技术、方法和设备应当被视为说明书的一部分。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

本发明实施例可以应用于终端设备、计算机系统、服务器等电子设备，其可与众多其它通用或专用计算系统环境或配置一起操作。适于与终端设备、计算机系统、服务器等电子设备一起使用的众所周知的终端设备、计算系统、环境和/或配置的例子包括但不限于：个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统﹑大型计算机系统和包括上述任何系统的分布式云计算技术环境，等等。

终端设备、计算机系统、服务器等电子设备可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常，程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等，它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施，分布式云计算环境中，任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中，程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。

示例性方法

图1是本发明一示例性实施例提供的弹窗的显示方法100的流程示意图。本实施例可应用在电子设备上，如图1所示，包括以下步骤：

步骤101，当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点。

现有的一些操作(例如，收藏)的弹窗都是挂载在显示界面(例如，浏览器窗口)的HTML文档的根节点上。当一些对象(例如，关系图谱)处于全屏状态下时，操作的弹窗弹出时会导致对象退出全屏，这是因为全屏的对象的文档对象模型节点和HTML文档的根节点相互隔离，无法实现资源共享。因此，如果想在全屏状态下实现弹窗，弹窗就挂载到需要全屏的对象的文档对象模型节点上，因为调用浏览器的全屏的方法，需要全屏的对象的文档对象模型节点的层级优先级最高。

因此，在本发明中，可以在当目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点。例如，若目标对象为A企业的企业关系图谱，当检测到所述企业关系图谱处于全屏状态时，直接设置收藏等操作的弹窗的挂载对象为所述企业关系图谱的文档对象模型节点中。

可选地，当确定目标对象处于全屏状态，且接收到弹窗指令时，设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点。

在本发明一些实施例中，若在当目标对象处于全屏时，直接设置弹窗的挂载对象为目标对象的文档对象模型节点，可能存在页面响应慢的问题，也可能用户只是单纯的全屏看一下目标对象，此时设置弹窗的挂载对象为目标对象的文档对象模型节点为无用功。因此，在本发明中，还可以当确定目标对象处于全屏状态，且接收到弹窗指令时，才设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点。

可选地，其中所述设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点，包括：

可选地，还包括:

在本发明一些实施例中，如果处于全屏状态，就把弹窗挂的挂载对象由风全屏状态下浏览器页面的HTML文档的根节点改为此时处于全屏的目标对象的文档对象模型节点，并把一些js(JavaScript)逻辑代码资源和css样式代码资源注入到此时处于全屏的目标对象的文档对象模型节点中，使得弹窗在全屏状态下也能正常的显示。如果处于非全屏的状态下，则不进行弹窗相关资源的处理。

具体地，设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点，包括：首先，在触发打开弹窗的方法前，会先判断此时是全屏还是非全屏的状态，通过第三方组件库提供的更改弹窗组件渲染容器的方法，把弹窗组件的渲染容器改为目标对象的文档对象模型节点；然后，在HTML文档的根节点下通过js原生的获取文档对象模型节点的方法，找到和弹窗组件相关的js资源和css资源，通过js的原生方法，把js逻辑代码资源和css样式代码资源放到全屏的目标对象的文档对象模型节点下运行。

例如，以收藏弹窗为例，非全屏显示的目标对象为企业关系图谱，此时收藏弹窗如图2所示，此时弹窗的文档对象模型节点挂载到HTML的根节点下(相当于浏览器窗口根节点)，关于弹窗的js资源(弹窗的交互逻辑)和css资源(弹窗展示样式资源)默认加载到HTML文档的根节点下，从而实现点击收藏按钮实现收藏弹窗正常打开。

继续以上述目标对象为企业关系图谱的收藏弹窗为例，全屏显示状态时的收藏弹窗如图3所示，此时弹窗的文档对象模型节点挂载到需要全屏的企业关系图谱的文档对象模型节点下，通过封装的方法把关于弹窗的js资源(弹窗的交互逻辑)和css资源(弹窗展示样式资源)加载到需要全屏的企业关系图谱的文档对象模型节点下，从而实现点击收藏按钮时，收藏的弹窗能够正常打开。

步骤102，基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

在本发明一些实施例中，当在确定目标对象处于全屏状态且接收到弹窗指令时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点，然后，直接基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

可选地，还包括：当接收到弹窗指令时，触发基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。。

具体地，当在确定目标对象处于全屏状态，设置弹窗的挂载对象为所述目标对象的文档对象模型节点后，在当接收到弹窗指令时，才触发基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

图4为根据本发明一示例性实施例提供的弹窗的显示方法400的流程图。如图4所示，弹窗的显示方法400，包括：

步骤401，确定目标对象处于全屏状态。

步骤402，确定与所述弹窗对应的弹窗组件，设置所述弹窗组件的渲染容器为所述目标对象的文档对象模型节点。

步骤403，获取所述弹窗组件的资源，并将所述弹窗组件的资源注入到所述目标对象的文档对象模型节点下。

步骤404，基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

可选地，还包括：

在本发明一些实施例中，在关闭弹窗的同时或者退出全屏的同时，一方面，需要把挂载到全屏的目标对象的文档对象模型节点下的js逻辑代码资源和css格式资源卸移除，以保证好的性能；另一方面，需要修改弹窗组件的渲染容器为所述目标对象处于非全屏状态时所在显示页面的根节点下。

具体地，以退出全屏时为例，在全屏状态下，点击退出全屏时，此时需要先把弹窗关闭，然后会执行写好的一个卸载资源的方法，此方法的功能就是通过js原生的方法，在全屏的目标对象的文档对象模型节点下找到关于弹窗组件的js逻辑代码资源和css格式代码资源，并通过js原生的方法从目标对象的文档对象模型节点中移除掉；然后，更改所述弹窗组件的渲染容器为所述目标对象处于非全屏状态时所在显示页面的根节点下，此时即可达到退出全屏时，把关于弹窗的资源卸载掉，能够提高系统的服务性能。最终就是实现了非全屏的状态下，弹窗是基于浏览器的窗口显示；全屏状态下，弹窗是基于全屏的元素显示。

例如，依旧以上述设置收藏弹窗的挂载对象为企业关系图谱的文档对象模型节点为例，当退出全屏状态时，直接把挂载到全屏的目标对象的文档对象模型节点下的js逻辑代码资源和css格式资源卸移除，同时修改弹窗组件的渲染容器为所述目标对象处于非全屏状态时所在显示页面的HTML文档的根节点下。此时，再次进行收藏操作时，收藏弹窗依旧和图2的效果相同。

图5为根据本发明一示例性实施例提供的弹窗的显示方法500的流程示意图。如图5所示，弹窗的显示方法300包括：

步骤501，当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点。

步骤502，基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

步骤503，当所述目标对象退出全屏状态和/或接收到关闭弹窗指令时，将所述弹窗组件的资源从所述目标对象的文档对象模型节点中移除。

步骤504，更改所述弹窗组件的渲染容器为所述目标对象处于非全屏状态时所在显示页面的根节点下。

优选地，其中还包括：

在本发明一些实施方式中，当目标对象处于非全屏状态时，弹窗的挂载对象为所述目标对象处于非全屏状态时所在显示页面的根节点；基于所述根节点，即可实现将所述弹窗在所述目标对象处于非全屏状态下显示。

本发明的方法能够实现在全屏状态下进行例如收藏等操作，不用退出全屏就可以显示弹窗并进行弹窗的操作，提高了用户体验。

示例性装置

图6是本发明一示例性实施例提供的弹窗的显示装置600的结构示意图。如图6所示，本实施例包括：

挂载模块601，用于当确定目标对象处于全屏状态时，设置弹窗的挂载对象为所述目标对象的文档对象模型节点。

优选地，其中所述挂载模块601，还包括：

优选地，其中所述挂载模块601，设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点，包括：

优选地，其中所述挂载模块601，还包括:

显示模块602，用于基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

优选地，其中所述装置还包括：

卸载模块，用于当所述目标对象退出全屏状态和/或接收到关闭弹窗指令时，卸载弹窗的挂载对象为所述目标对象的文档对象模型节点。

优选地，其中所述卸载模块，还包括：

优选地，其中所述装置还包括：

挂载模块601，用于当所述目标对象处于非全屏状态时，设置所述弹窗的挂载对象为所述目标对象处于非全屏状态时所在显示页面的根节点；

显示模块602，用于基于所述根节点，将所述弹窗在所述目标对象处于非全屏状态下显示。

优选地，其中所述挂载模块601，还包括：

当接收到弹窗指令时，触发基于所述目标对象的文档对象模型节点，将所述弹窗在所述目标对象处于全屏状态下显示。

本发明的实施例的弹窗的显示装置600与本发明的另一个实施例的弹窗的显示方法100相对应，在此不再赘述。

示例性电子设备

图7是本发明一示例性实施例提供的电子设备的结构。该电子设备可以是第一设备和第二设备中的任一个或两者、或与它们独立的单机设备，该单机设备可以与第一设备和第二设备进行通信，以从它们接收所采集到的输入信号。图7图示了根据本公开实施例的电子设备的框图。如图7所示，电子设备70包括一个或多个处理器71和存储器72。

处理器71可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，并且可以控制电子设备中的其他组件以执行期望的功能。

存储器72可以包括一个或多个计算机程序产品，所述计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。所述易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。所述非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在所述计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器71可以运行所述程序指令，以实现上文所述的本公开的各个实施例的软件程序的对历史变更记录进行信息挖掘的方法以及/或者其他期望的功能。在一个示例中，电子设备还可以包括：输入装置73和输出装置74，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。

此外，该输入装置73还可以包括例如键盘、鼠标等等。

该输出装置74可以向外部输出各种信息。该输出设备74可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。

当然，为了简化，图7中仅示出了该电子设备中与本公开有关的组件中的一些，省略了诸如总线、输入/输出接口等等的组件。除此之外，根据具体应用情况，电子设备还可以包括任何其他适当的组件。

示例性计算机程序产品和计算机可读存储介质

除了上述方法和设备以外，本公开的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的对历史变更记录进行信息挖掘的方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。

此外，本公开的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的对历史变更记录进行信息挖掘的方法中的步骤。

所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

以上结合具体实施例描述了本公开的基本原理，但是，需要指出的是，在本公开中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本公开的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本公开为必须采用上述具体的细节来实现。

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

本公开中涉及的器件、装置、设备、系统的方框图仅作为例示性的例子并且不意图要求或暗示必须按照方框图示出的方式进行连接、布置、配置。如本领域技术人员将认识到的，可以按任意方式连接、布置、配置这些器件、装置、设备、系统。诸如“包括”、“包含”、“具有”等等的词语是开放性词汇，指“包括但不限于”，且可与其互换使用。这里所使用的词汇“或”和“和”指词汇“和/或”，且可与其互换使用，除非上下文明确指示不是如此。这里所使用的词汇“诸如”指词组“诸如但不限于”，且可与其互换使用。

可能以许多方式来实现本公开的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。

还需要指出的是，在本公开的装置、设备和方法中，各部件或各步骤是可以分解和/或重新组合的。这些分解和/或重新组合应视为本公开的等效方案。提供所公开的方面的以上描述以使本领域的任何技术人员能够做出或者使用本公开。对这些方面的各种修改对于本领域技术人员而言是非常显而易见的，并且在此定义的一般原理可以应用于其他方面而不脱离本公开的范围。因此，本公开不意图被限制到在此示出的方面，而是按照与在此公开的原理和新颖的特征一致的最宽范围。

为了例示和描述的目的已经给出了以上描述。此外，此描述不意图将本公开的实施例限制到在此公开的形式。尽管以上已经讨论了多个示例方面和实施例，但是本领域技术人员将认识到其某些变型、修改、改变、添加和子组合。

Claims

1.一种弹窗的显示方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，还包括：

3.根据权利要求1所述的方法，其特征在于，还包括：

4.根据权利要求1-3中任一项所述的方法，其特征在于，所述设置所述弹窗的挂载对象为所述目标对象的文档对象模型节点，包括：

5.根据权利要求4所述的方法，其特征在于，还包括:

6.根据权利要求4所述的方法，其特征在于，还包括：

7.根据权利要求6所述的方法，其特征在于，还包括：

8.根据权利要求6所述的方法，其特征在于，还包括：

9.根据权利要求4所述的方法，其特征在于，所述弹窗组件的资源，包括：逻辑代码资源和样式代码资源。

10.根据权利要求1所述的方法，其特征在于，还包括：

11.一种弹窗的显示装置，其特征在于，所述装置包括：

12.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序用于执行上述权利要求1-10中任一项所述的方法。

13.一种电子设备，其特征在于，所述电子设备包括：处理器和存储器；其中，

所述存储器，用于存储所述处理器可执行指令的存储器；

所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现上述权利要求1-10中任一项所述的方法。

14.一种计算机程序，包括计算机可读代码，其特征在于，当所述计算机可读代码在设备上运行时，所述设备中的处理器执行用于实现权利要求1-10中任一项所述的方法。