[发明专利]一种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嵌套页面的遮罩方法流程图;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建天泉教育科技有限公司,未经福建天泉教育科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910103310.9/2.html,转载请声明来源钻瓜专利网。
- 上一篇:研磨装置
- 下一篇:一种数字电影放映方法及系统