[发明专利]界面显示方法、装置及服务器有效
申请号: | 202010969340.0 | 申请日: | 2020-09-15 |
公开(公告)号: | CN112069428B | 公开(公告)日: | 2023-06-02 |
发明(设计)人: | 黄圣林 | 申请(专利权)人: | 成都知道创宇信息技术有限公司 |
主分类号: | G06F16/955 | 分类号: | G06F16/955;G06F16/957;G06F9/451 |
代理公司: | 北京超凡宏宇专利代理事务所(特殊普通合伙) 11463 | 代理人: | 张磊 |
地址: | 610000 四川省成都市高新区中国(*** | 国省代码: | 四川;51 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 界面 显示 方法 装置 服务器 | ||
1.一种界面显示方法,其特征在于,应用于电子设备,所述方法包括:
显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构,其中,所述预设数据结构为所述第二网页文件对应URL中的Hash值;
通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容,所述预设的显示内容用于在所述子页面进行显示。
2.根据权利要求1所述的界面显示方法,其特征在于,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的步骤,包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容。
3.根据权利要求1所述的界面显示方法,其特征在于,所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容之前,所述方法还包括:
通过所述第二网页文中的window.addEventListener方法获取所述Hash值;
根据所述Hash值获得所述当前滚动距离。
4.根据权利要求1所述的界面显示方法,其特征在于,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面;所述方法还包括:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
5.根据权利要求4所述的界面显示方法,其特征在于,所述方法还包括:
第一次显示所述网页界面时,获取预设的初始第二网页文件;
将所述初始第二网页文件显示至所述子页面。
6.根据权利要求5所述的界面显示方法,其特征在于,所述初始第二网页文件的子页面标识存储在数据结构Session中。
7.一种界面显示装置,其特征在于,应用于电子设备,所述界面显示装置包括:
输出模块,用于显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
处理模块,用于通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构,其中,所述预设数据结构为所述第二网页文件对应URL中的Hash值;
所述处理模块,还用于通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容,所述预设的显示内容用于在所述子页面进行显示。
8.根据权利要求7所述的界面显示装置,其特征在于,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述处理模块,具体通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的方式包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容;
将所述目标显示内容显示到所述目标显示板块。
9.根据权利要求7所述的界面显示装置,其特征在于,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面,所述处理模块还用于:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
10.一种服务器,其特征在于,所述服务器存储有预设网页文件,当所述服务器获取到电子设备发送的获取请求时,将所述预设网页文件发送给所述电子设备,使得所述电子设备运行所述预设网页文件时,实现权利要求1-6任一项所述的界面显示方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于成都知道创宇信息技术有限公司,未经成都知道创宇信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010969340.0/1.html,转载请声明来源钻瓜专利网。