[发明专利]一种iframe嵌套页面的遮罩方法及终端有效

专利信息
申请号: 201910103310.9 申请日: 2019-02-01
公开(公告)号: CN111522607B 公开(公告)日: 2022-09-06
发明(设计)人: 刘德建;翁志鹏;郭玉湖 申请(专利权)人: 福建天泉教育科技有限公司
主分类号: G06F9/451 分类号: G06F9/451
代理公司: 福州市博深专利事务所(普通合伙) 35214 代理人: 林志峥
地址: 350212 福建省福州市长乐*** 国省代码: 福建;35
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 iframe 嵌套 页面 方法 终端
【说明书】:

发明提供一种iframe嵌套页面的遮罩方法及终端,当接收到打开当前层iframe页面的遮罩的请求时,打开所述当前层iframe页面的遮罩,判断当前层iframe页面是否为顶层的iframe页面,若否,向上一层发送打开iframe页面的遮罩的请求,直到打开顶层iframe页面的遮罩为止;即当打开当前层iframe页面的遮罩时,高于当前层iframe页面的遮罩也一并打开,从而能够在打开当前层iframe页面的遮罩进行操作时,避免发生依然能够对高于当前层级的iframe页面进行操作使用的问题,实现了对iframe嵌套页面的遮罩的优化,方便了用户的使用。

技术领域

本发明涉及页面展示领域,尤其涉及一种iframe嵌套页面的遮罩方法及终端。

背景技术

目前web前端的产品中iframe的使用十分普遍,使用iframe页面的嵌套可以快速构造前端页面,节约了开发的时间。

当使用iframe进行页面的嵌套时通常是一个iframe页面嵌套多个iframe页面或者一个页面嵌套多层iframe页面,每个iframe页面都可能根据实际需求设置遮罩。但是,由于使用iframe的原因,当前层级的iframe页面内部的遮罩是不会遮蔽高于当前层级的iframe页面上的元素的,比如,在嵌套多个iframe页面或者iframe页面多层遮罩的情况下,在仅打开当前层级的iframe页面内部的遮罩的时候,通常会伴随有该iframe页面的弹窗,需要对该弹窗内容进行操作,但此时仍然可以对高于当前层级的iframe页面进行操作,若用户不小心点击到高于当前层级的iframe页面,则可能影响用户对当前层级的iframe页面对应弹窗的操作和使用,从而降低了用户的体验。

发明内容

本发明所要解决的技术问题是:提供一种iframe嵌套页面的遮罩方法及终端,能够对iframe嵌套页面的遮罩进行优化,便于用户使用。

为了解决上述技术问题,本发明采用的一种技术方案为:

S1、当接收到打开当前层iframe页面的遮罩的请求时,打开所述当前层iframe页面的遮罩,并执行S2;

S2、判断当前层iframe页面是否为顶层的iframe页面;

若否,向上一层发送打开iframe页面的遮罩的请求,并返回S1;

否则,结束流程。

为了解决上述技术问题,本发明采用的另一种技术方案为:

一种iframe嵌套页面的遮罩终端,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现以下步骤:

S1、当接收到打开当前层iframe页面的遮罩的请求时,打开所述当前层iframe页面的遮罩,并执行S2;

S2、判断当前层iframe页面是否为顶层的iframe页面;

若否,向上一层发送打开iframe页面的遮罩的请求,并返回S1;

否则,结束流程。

本发明的有益效果在于:当接收到打开当前层iframe页面的遮罩的请求时,打开所述当前层iframe页面的遮罩,判断当前层iframe页面是否为顶层的iframe页面,若否,向上一层发送打开iframe页面的遮罩的请求,直到打开顶层iframe页面的遮罩为止;即当打开当前层iframe页面的遮罩时,高于当前层iframe页面的遮罩也一并打开,从而能够在打开当前层iframe页面的遮罩进行操作时,避免发生依然能够对高于当前层级的iframe页面进行操作使用的问题,实现了对iframe嵌套页面的遮罩的优化,方便了用户的使用。

附图说明

图1为本发明实施例的一种iframe嵌套页面的遮罩方法流程图;

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建天泉教育科技有限公司,未经福建天泉教育科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910103310.9/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top