弹窗展示方法、装置、电子设备及计算机可读存储介质制造方法及图纸

本申请提供了一种弹窗展示方法、装置、电子设备及计算机可读存储介质，涉及计算机领域。该方法包括：若接收到针对目标弹窗的展示指令，确定展示指令中目标弹窗的标识；查询标识的上一级标识；若查询到上一级标识，则确认当前展示页面的遮罩层中已展示有与上一级标识对应的弹窗；在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗。本申请可以实现对弹窗展示的页面大小无限制。

【技术实现步骤摘要】
弹窗展示方法、装置、电子设备及计算机可读存储介质
本申请涉及计算机
，具体而言，本申请涉及一种弹窗展示方法、装置、电子设备及计算机可读存储介质。
技术介绍
在web前端交互页面中，常常需要借助弹窗进行内容展示，随着应用需求的逐渐加深，多层弹窗的应用也越大越广泛，多层弹窗在页面上如何合理的展示一直是人们关心的问题。目前，现有的多层弹窗展示方式一般是：各层弹窗使用不同的遮罩层，采用遮罩层叠加的方式将下一级弹窗覆盖在上级弹窗之上，使下一级弹窗的遮罩层区域位于上一级弹窗的遮罩层区域中，可见，这种方式要求下级弹窗的宽和高必须不能超出上级弹窗的宽和高，导致弹窗展示的大小受到限制，同时多层遮罩层叠加时越靠近底层的遮罩层颜色会逐渐加深，界面展示效果比较差。
技术实现思路
本申请的第一方面提供了一种弹窗展示方法，包括：若接收到针对目标弹窗的展示指令，确定展示指令中目标弹窗的标识；查询标识的上一级标识；若查询到上一级标识，则确认当前展示页面的遮罩层中已展示有与上一级标识对应的弹窗；在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗。可选的，在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗，包括：关闭上一级标识对应的弹窗；在当前展示页面的遮罩层中展示目标弹窗。可选的，在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗，包括：在当前展示页面的遮罩层中展示目标弹窗，以使目标弹窗覆盖上一级标识对应的弹窗。可选的，查询标识的上一级标识，包括：获取至少两个弹窗的标识之间的排序；至少两个弹窗中包括目标弹窗；基于排序，确定至少两个弹窗的标识中排序在目标弹窗的标识前一位的标识；将前一位的标识作为上级标识。可选的，在当前展示页面的遮罩层中展示目标弹窗之后，方法还包括：检测到目标操作指令时，基于目标操作指令对目标弹窗和/或上一级标识对应的弹窗进行相应的操作。可选的，若目标操作指令包括弹窗回退指令，则基于目标操作指令对目标弹窗和/或上一级标识对应的弹窗进行相应的操作，包括：基于弹窗回退指令，对目标弹窗进行关闭处理；基于上一级标识对应的弹窗的、已渲染的页面内容，将上一级标识对应的弹窗展示于遮罩层中。可选的，若目标操作指令包括关于弹窗关闭指令，则基于目标操作指令对目标弹窗和/或上一级标识对应的弹窗进行相应的操作，包括：基于弹窗关闭指令，关闭遮罩层中当前显示的目标弹窗。可选的，若目标操作指令包括弹窗销毁指令，则基于目标操作指令对目标弹窗和/或上一级标识对应的弹窗进行相应的操作，包括：基于弹窗销毁指令中任一弹窗的标识，销毁任一弹窗对应的页面内容。本申请的第二方面提供了一种弹窗展示装置，包括：第一确定模块，用于若接收到针对目标弹窗的展示指令，确定展示指令中目标弹窗的标识；查询模块，用于查询标识的上一级标识；第二确定模块，用于若查询到上一级标识，则确认当前展示页面的遮罩层中已展示有与上一级标识对应的弹窗；展示模块，用于在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗。可选的，展示模块，具体用于：关闭上一级标识对应的弹窗；在当前展示页面的遮罩层中展示目标弹窗。可选的，展示模块，具体用于：在当前展示页面的遮罩层中展示目标弹窗，以使目标弹窗覆盖上一级标识对应的弹窗。可选的，查询模块，具体用于：获取至少两个弹窗的标识之间的排序；至少两个弹窗中包括目标弹窗；基于排序，确定至少两个弹窗的标识中排序在目标弹窗的标识前一位的标识；将前一位的标识作为上级标识。可选的，该装置还包括处理模块；在展示模块在当前展示页面的遮罩层中展示目标弹窗之后；处理模块，用于检测到目标操作指令时，基于目标操作指令对目标弹窗和/或上一级标识对应的弹窗进行相应的操作。可选的，若目标操作指令包括弹窗回退指令，则处理模块，具体用于：基于弹窗回退指令，对目标弹窗进行关闭处理；基于上一级标识对应的弹窗的、已渲染的页面内容，将上一级标识对应的弹窗展示于遮罩层中。可选的，若目标操作指令包括关于弹窗关闭指令，则处理模块，具体用于：基于弹窗关闭指令，关闭遮罩层中当前显示的目标弹窗。可选的，若目标操作指令包括弹窗销毁指令，则处理模块，具体用于：基于弹窗销毁指令中任一弹窗的标识，销毁任一弹窗对应的页面内容。本申请实施例的第三方面，提供了一种电子设备，该电子设备包括存储器和处理器；存储器中存储有计算机程序；处理器用于在运行计算机程序时执行第一方面及其可选的实施方式中任一项的方法。本申请实施例的第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现第一方面及其可选的实施方式中任一项的方法。本申请提供的技术方案带来的有益效果是：接收到针对目标弹窗的展示指令时，可以确定展示指令中目标弹窗的标识，从而可以查询该标识的上一级标识，如果查询到了上一级标识，则可以确认当前展示页面的遮罩层中已展示有该上一级标识对应的弹窗，从而可以在当前展示页面的遮罩层中展示目标弹窗，以隐藏上一级标识对应的弹窗，可见，相对于现有多级弹窗的遮罩层逐渐嵌套而导致下一级弹窗的展示大小受到上级弹窗展示大小限制的方案，本申请可以只在遮罩层中展示目标弹窗而隐藏上一级标识对应的弹窗，这样目标弹窗的展示大小并不受上一级标识对应弹窗的大小限制，同时多个弹窗共用同一遮罩层，也避免了遮罩层叠加影响界面展示效果。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。图1为本申请弹窗展示方法的一个实施例示意图；图2为本申请弹窗展示方法的一个场景示意图；图3为本申请弹窗展示方法的另一个场景示意图；图4为本申请弹窗展示方法的另一个场景示意图；图5为本申请弹窗展示装置的结构示意图；图6为本申请电子设备的结构示意图。具体实施方式下面详细描述本申请的实施例，实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本专利技术的限制。本
技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的本文档来自技高网...

【技术保护点】
1.一种弹窗展示方法，其特征在于，包括：/n若接收到针对目标弹窗的展示指令，确定所述展示指令中目标弹窗的标识；/n查询所述标识的上一级标识；/n若查询到上一级标识，则确认所述当前展示页面的遮罩层中已展示有与所述上一级标识对应的弹窗；/n在当前展示页面的遮罩层中展示所述目标弹窗，以隐藏所述上一级标识对应的弹窗。/n

【技术特征摘要】
1.一种弹窗展示方法，其特征在于，包括：
若接收到针对目标弹窗的展示指令，确定所述展示指令中目标弹窗的标识；
查询所述标识的上一级标识；
若查询到上一级标识，则确认所述当前展示页面的遮罩层中已展示有与所述上一级标识对应的弹窗；
在当前展示页面的遮罩层中展示所述目标弹窗，以隐藏所述上一级标识对应的弹窗。


2.根据权利要求1所述的方法，其特征在于，所述在当前展示页面的遮罩层中展示所述目标弹窗，以隐藏所述上一级标识对应的弹窗，包括：
关闭所述上一级标识对应的弹窗；
在所述当前展示页面的遮罩层中展示所述目标弹窗。


3.根据权利要求1所述的方法，其特征在于，所述在当前展示页面的遮罩层中展示所述目标弹窗，以隐藏所述上一级标识对应的弹窗，包括：
在当前展示页面的遮罩层中展示所述目标弹窗，以使所述目标弹窗覆盖所述上一级标识对应的弹窗。


4.根据权利要求1至3中任一项所述的方法，其特征在于，所述查询所述标识的上一级标识，包括：
获取至少两个弹窗的标识之间的排序；所述至少两个弹窗中包括所述目标弹窗；
基于所述排序，确定所述至少两个弹窗的标识中排序在所述目标弹窗的标识前一位的标识；
将所述前一位的标识作为所述上级标识。


5.根据权利要求2所述的方法，其特征在于，所述在所述当前展示页面的遮罩层中展示所述目标弹窗之后，所述方法还包括：
检测到目标操作指令时，基于所述目标操作指令对所述目标弹窗和/或上一级标识对应的弹窗进行相应的操作。


6.根据权利要求5所述的方法，其特征在于，若所述目标操作指令包括弹窗回退指令，则所述基于所述目标操作指令对所述目标弹窗...

【专利技术属性】
技术研发人员：贺成璋，
申请(专利权)人：亚信科技南京有限公司，
类型：发明
国别省市：江苏;32