一种网页的加载方法和装置制造方法及图纸

技术编号:14853973 阅读:56 留言:0更新日期:2017-03-18 20:50
本申请实施例提供了一种网页的加载方法和装置,所述的方法包括:当接收网页的加载请求时,根据所述加载请求加载对应的网页;所述网页包括特征区域,所述特征区域中包括一个或多个第一类目信息,每个第一类目信息具有关联的第一触发点;在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;以及在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息。本申请实施例通过聚合第一类目信息和第二类目信息,减少了网页中冗余的信息,增强了网页信息的层次性,避免多次滚轮操作进行查找,提高了网页导航效率。

【技术实现步骤摘要】

本申请涉及网页
,特别是涉及一种网页的加载方法和一种网页的加载装置。
技术介绍
互联网技术的迅猛发展将人们带入了信息社会时代,对人们生活产生了深刻的影响,人们可以各种方式获取到互联网上海量的资讯,以满足生活、工作、学习等各方面的需求。其中,用户可以通过浏览器迅速及轻易地浏览互联网上的各种资讯。浏览器是一个显示网页服务器或档案系统内的文件,并让用户与该文件互动的一种应用程序。在浏览器中可以显示网络中的文字、影像及其他资讯,而这些文字或影像,可以是连接其他网址的超链接。由于资讯过多,使得网站中信息种类繁杂,网页结构臃肿。例如,如图1所示,在一个传统网站的首页100中,包括如下结构:1、综合导航区101,将网站的信息,按场景的纬度划分,是不同场景的入口展示;2、频道导航区102,将网站的信息,按频道的纬度划分,是特定频道的入口展示;3、首屏区103,提供给平台用户的展示位及专场活动的直达入口;4、公共区104,用户登录注册的及帮助专区,包含用户常用工具;5、频道楼层105,针对频道中子分类的全部入口展示;6、特定楼层106,针对特定信息的入口展示;7、会友区107,针对资讯类信息的前台入口;其中,综合导航区101和行业导航区102是网站全部业务对象的主要入口,优先级别是最高的,因此往往设置在网页的顶部。该首页100的首页按一层关系,可见即可点击的,页面中的结构按照优先级先后顺序从上到下排列,因此很多页面的资源需要进行平铺,整个首页都在做导航的作用。该首页100的导航虽然拥有丰富的纬度,但是展示全网信息的类目的形式,使得整个页面的楼层比较长,尤其是频道楼层105中拥有大量的子分类的入口,用户需要一屏一屏地往下查找所需的子分类,最多需要6次滚屏操作才可以查找到所需的频道,操作繁琐,耗费系统资源,首屏利用率很低,并且,每个楼层中频道的入口展示位置有限,所能展示的信息很少,若当前没有用户所需的信息,则需要跳转到其他页面进行查找,浏览器需要从网页服务器中加载网页,耗费系统资源和带宽,最终导致首页导航效率很低。因此,目前需要本领域技术人员迫切解决的一个技术问题就是:如何提出一种网页的加载机制,以提高操作的简便性,减少系统资源消耗,提高导航效率。
技术实现思路
本申请实施例所要解决的技术问题是提供一种网页的加载方法,以提高操作的简便性,减少系统资源消耗,提高导航效率。相应的,本申请实施例还提供了一种网页的加载装置,以提高操作的简便性,减少系统资源消耗,提高导航效率。为了解决上述问题,本申请实施例公开了一种网页的加载方法,包括:当接收网页的加载请求时,根据所述加载请求加载对应的网页;所述网页包括特征区域,所述特征区域中包括一个或多个第一类目信息,每个第一类目信息具有关联的第一触发点;在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;以及在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息。优选地,每个第二类目信息具有关联的第二触发点,所述的方法还包括:在当前第二类目信息关联的第二触发点被触发时,生成第二弹出层;以及在所述第二弹出层中加载归属当前第二类目信息的一个或多个业务对象。优选地,还包括:在其他第二类目信息关联的第二触发点被触发时,在所述第二弹出层中加载归属所述其他第二类目信息的一个或多个业务对象。优选地,所述根据所述加载请求加载对应的网页的步骤包括:根据所述加载请求从对应的网页服务器中获取网页文档;以及在一窗口中渲染所述网页文档。优选地,所述网页文档包括第二类目信息,所述在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息的步骤包括:从所述网页文档中提取归属所述第一类目信息的一个或多个第二类目信息;以及在所述第一弹出层中加载从所述网页文档中提取的一个或多个第二类目信息。优选地,所述网页文档包括业务对象,所述在所述第二弹出层中加载归属所述其他第二类目信息的一个或多个业务对象的步骤包括:从所述网页文档中提取归属所述其他第二类目信息的一个或多个业务对象;以及在所述第二弹出层中加载从所述网页文档中提取的一个或多个业务对象。优选地,所述第一触发点依据在所述第一类目信息的鼠标经过悬停操作被触发,所述第二触发点依据在所述第二类目信息的鼠标经过悬停操作被触发。优选地,所述网页为网站首页。优选地,多个第一类目信息沿第一方向排列,多个第二类目信息沿与所述第一方向垂直的第二方向排列。优选地,第一类目信息和第二类目信息定义的区域为业务对象的展示区域。本申请实施例还公开了一种网页的加载装置,包括:网页加载模块,用于在接收网页的加载请求时,根据所述加载请求加载对应的网页;所述网页包括特征区域,所述特征区域中包括一个或多个第一类目信息,每个第一类目信息具有关联的第一触发点;第一弹出层生成模块,用于在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;第二类目信息加载模块,用于在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息。优选地,每个第二类目信息具有关联的第二触发点,所述的装置还包括:第二弹出层生成模块,用于在当前第二类目信息关联的第二触发点被触发时,生成第二弹出层;第一业务对象加载模块,用于在所述第二弹出层中加载归属当前第二类目信息的一个或多个业务对象。优选地,还包括:第二业务对象加载模块,用于在其他第二类目信息关联的第二触发点被触发时,在所述第二弹出层中加载归属所述其他第二类目信息的一个或多个业务对象。优选地,所述网页加载模块包括:网页文档获取子模块,用于根据所述加载请求从对应的网页服务器中获取网页文档;网页文档渲染子模块,用于在一窗口中渲染所述网页文档。优选地,所述网页文档包括第二类目信息,所述第二类目信息加载模块包括:第一提取子模块,用于从所述网页文档中提取归属所述第一类目信息的一个或多个第二类目信息;第一加载子模块,用于在所述第一弹出层中加载从所述网页文档中提取的一个或多个第二类目信息。优选地,所述网页文档包括业务对象,所述第一业务对象加载模块包括:第二提取子模块,用于从所述网页文档中提取归属所述其他第二类目信息的一个或多个业务对象;第二加载子模块,用于在所述第二弹出层中加载从本文档来自技高网
...

【技术保护点】
一种网页的加载方法,其特征在于,包括:当接收网页的加载请求时,根据所述加载请求加载对应的网页;所述网页包括特征区域,所述特征区域中包括一个或多个第一类目信息,每个第一类目信息具有关联的第一触发点;在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;以及在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息。

【技术特征摘要】
1.一种网页的加载方法,其特征在于,包括:
当接收网页的加载请求时,根据所述加载请求加载对应的网页;所述网
页包括特征区域,所述特征区域中包括一个或多个第一类目信息,每个第一
类目信息具有关联的第一触发点;
在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;以

在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类
目信息。
2.根据权利要求1所述的方法,其特征在于,每个第二类目信息具有
关联的第二触发点,所述的方法还包括:
在当前第二类目信息关联的第二触发点被触发时,生成第二弹出层;以

在所述第二弹出层中加载归属当前第二类目信息的一个或多个业务对
象。
3.根据权利要求2所述的方法,其特征在于,还包括:
在其他第二类目信息关联的第二触发点被触发时,在所述第二弹出层中
加载归属所述其他第二类目信息的一个或多个业务对象。
4.根据权利要求1或2或3所述的方法,其特征在于,所述根据所述
加载请求加载对应的网页的步骤包括:
根据所述加载请求从对应的网页服务器中获取网页文档;以及
在一窗口中渲染所述网页文档。
5.根据权利要求4所述的方法,其特征在于,所述网页文档包括第二
类目信息,所述在所述第一弹出层中加载归属所述第一类目信息的一个或多
个第二类目信息的步骤包括:
从所述网页文档中提取归属所述第一类目信息的一个或多个第二类目
信息;以及
在所述第一弹出层中加载从所述网页文档中提取的一个或多个第二类
目信息。
6.根据权利要求4所述的方法,其特征在于,所述网页文档包括业务
对象,所述在所述第二弹出层中加载归属所述其他第二类目信息的一个或多
个业务对象的步骤包括:
从所述网页文档中提取归属所述其他第二类目信息的一个或多个业务
对象;以及
在所述第二弹出层中加载从所述网页文档中提取的一个或多个业务对
象。
7.如权利要求2或3所述的方法,其特征在于,所述第一触发点依
据在所述第一类目信息的鼠标经过悬停操作被触发,所述第二触发点依
据在所述第二类目信息的鼠标经过悬停操作被触发。
8.根据权利要求1或2或3或5或6所述的方法,其特征在于,所述
网页为网站首页。
9.根据权利要求1或2或3或5或6所述的方法,其特征在于,多个
第一类目信息...

【专利技术属性】
技术研发人员:冯婷
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1