[发明专利]多页面切换方法、装置、终端设备及存储介质有效
申请号: | 201810014131.3 | 申请日: | 2018-01-08 |
公开(公告)号: | CN108459888B | 公开(公告)日: | 2019-10-08 |
发明(设计)人: | 方小伟 | 申请(专利权)人: | 平安科技(深圳)有限公司 |
主分类号: | G06F9/448 | 分类号: | G06F9/448;G06F9/445 |
代理公司: | 深圳众鼎专利商标代理事务所(普通合伙) 44325 | 代理人: | 谭果林 |
地址: | 518000 广东省深*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 子页面 多页面 方法函数 页面跳转 父页面 存储介质 加载数据 页面交互 指令调用 中转数据 终端设备 指令 显示页面 页面加载 | ||
1.一种多页面切换方法,其特征在于,包括:
父页面获取页面跳转指令,所述页面跳转指令包括下一子页面ID;
父页面基于所述页面跳转指令调用子页面共有的JavaScript对象的页面交互方法函数,根据所述页面交互方法函数切换到与所述下一子页面ID相对应的下一子页面显示页面;
父页面基于所述页面跳转指令,通过当前子页面获取当前子页面中转数据;
父页面基于所述页面跳转指令调用子页面共有的JavaScript对象的加载数据方法函数,根据所述加载数据方法函数和所述当前子页面中转数据,获取所述下一子页面ID相对应的下一子页面数据,并将所述下一子页面数据加载在所述下一子页面显示页面;
所述子页面共有的JavaScript对象是指将各个子页面具有相同功能的JavaScript对象提取出来,并统一封装的JavaScript对象。
2.根据权利要求1所述的多页面切换方法,其特征在于,在所述父页面获取页面跳转指令的步骤之前,所述多页面切换方法还包括:
采用iframe标签在父页面创建至少两个子页面;
基于所述iframe标签,每个所述子页面默认设置为加载子页面结构和子页面渲染。
3.根据权利要求1所述的多页面切换方法,其特征在于,所述根据所述页面交互方法函数切换到与所述下一子页面ID相对应的下一子页面显示页面,包括:
通过所述下一子页面ID获取相对应的所述下一子页面显示页面,根据所述页面交互方法函数将所述下一子页面显示页面预先定位在屏幕外任一侧;
根据所述页面交互方法函数,令当前子页面沿远离所述下一子页面显示页面所在的位置向屏幕外移动,将所述下一子页面显示页面移动到所述当前子页面在屏幕原本的位置。
4.根据权利要求1所述的多页面切换方法,其特征在于,所述当前子页面包括所述当前子页面中转数据,所述当前子页面中转数据保存在所述当前子页面的JavaScript对象中;
所述父页面通过当前子页面获取当前子页面中转数据,包括:
所述父页面通过所述当前子页面的JavaScript对象获取所述当前子页面中转数据。
5.根据权利要求4所述的多页面切换方法,其特征在于,在所述父页面通过所述当前子页面的JavaScript对象获取所述当前子页面中转数据的步骤之后,还包括:
父页面将所述当前子页面中转数据保存在所述父页面的JavaScript对象中。
6.根据权利要求1所述的多页面切换方法,其特征在于,所述根据所述加载数据方法函数和所述当前子页面中转数据,获取所述下一子页面ID相对应的下一子页面数据,包括:
根据所述子页面共有的JavaScript对象相对应的加载数据方法函数获取所述下一子页面数据中的子页面共有数据;
根据所述当前子页面中转数据,调用与所述当前子页面中转数据相对应的加载数据方法函数,获取所述下一子页面数据中的子页面非共有数据。
7.根据权利要求1所述的多页面切换方法,其特征在于,所述下一子页面ID与所述页面跳转指令的获取按钮相关联。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于平安科技(深圳)有限公司,未经平安科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810014131.3/1.html,转载请声明来源钻瓜专利网。