一种网页的加载方法和装置的制造方法_3

文档序号:9865246阅读:来源:国知局
供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面(如本实施例中的触发点)时,会触发指定的第一个函数(over (Funct1n),鼠标移到元素上要触发的函数)。当鼠标移出这个元素时,会触发指定的第二个函数(0ut(Functi0n),鼠标移出元素要触发的函数)。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div弹出层中),如果是,则会继续保持“悬停”状态,而不触发移出事件,所述触发点具体可以采用javascript代码方式进行设置。
[0104]在本申请实施例中,该第一弹出层可以为DIV弹出层。
[0105]在实际应用中,可以根据弹出层所在的网页位置,弹出框的宽度、弹出框的高度、弹出层的内容等创建第一弹出层。
[0106]例如,如图3B所示,可以在特征区域301中的第一类目信息“产业带:一手好货源”3011中嵌入第一触发点。
[0107]若鼠标在第一类目信息“产业带:一手好货源”3011悬停,该第一触发点被触发,在区域302中生成第一弹出层。
[0108]步骤203,在所述第一弹出层中加载所述第一类目信息对应的一个或多个第二类目信息。
[0109]在具体实现中,在第一弹出层中的第二类目信息可以是文字、图片、视频等等,本申请实施例对此不加以限制。
[0110]该第二类目信息可以通过框架iframe传进来,也可以用jQuery的1adO方法传进来,本领域技术人员根据实际情况任意设置都是可行的,例如,进一步设置弹出背景层,设置弹出层的显示属性等,本申请实施例对此无需加以限制。
[0111]在具体实现中,第二类目信息定义的区域可以为业务对象的展示区域,例如,在电子商务行业中,该第二类目信息可以为行业信息,即按照行业的维度对业务对象(如商品)进行划分。例如,原材料行业、工业品行业、电子行业、包装行业、纺织行业、服装内衣行业、运动户外行业、鞋包配饰行业、日用百货行业、数码家电行业、家纺行业、食品行业、美妆行业、童装母婴行业等等。
[0112]在本申请实施例的一个实施例中,多个第一类目信息可以沿第一方向排列,多个第二类目信息可以沿与所述第一方向垂直的第二方向排列,使得可以复用相同或邻近的区域以展示不同第一类目信息下的第二类目信息,同一个业务对象在第一类目信息和第二类目信息的维度下导航,使得在当前网页中可以实现业务对象的聚合,提高了网页的容量。
[0113]需要说明的是,每一个第一类目信息属下的第二类目信息可以是相同的,例如,每个行业可以按照采购服务、批发服务、资讯服务进行划分,当然,每一个第一类目信息属下的第二类目信息也可以是不相同的,本申请实施例对此不加以限制。
[0114]本申请实施例根据加载请求加载对应的网页,在网页中的第一类目信息关联的第一触发点被触发时,生成第一弹出层,在第一弹出层中加载归属第一类目信息的第二类目信息,通过聚合第一类目信息和第二类目信息,减少了网页中冗余的信息,增强了网页信息的层次性,避免多次滚轮操作进行查找,提高了网页导航效率。
[0115]参照图4,示出了本申请的另一种网页的加载方法实施例的步骤流程图,所述的方法400具体可以包括如下步骤:
[0116]步骤401,当接收网页的加载请求时,根据所述加载请求加载对应的网页;
[0117]在本申请的一种优选实施例中,步骤401可以包括如下子步骤:
[0118]子步骤S11,根据所述加载请求从对应的网页服务器中获取网页文档;
[0119]子步骤S12,在一窗口中渲染所述网页文档。
[0120]在浏览器或内置微型浏览器的应用程序(如即时通讯工具)中接收到网页的加载请求后,浏览器或内置微型浏览器的应用程序可以通过DNS(Domain Name System,域名解析系统)解析查找该网页URL中的域名(Domain Name)所映射的IP(Internet Protocol,网络之间互连的协议)地址。在获取IP地址成功之后,浏览器或内置微型浏览器的应用程序可以向该IP地址所在的服务器请求连接。在成功连接该IP地址所在的服务器之后,浏览器端或内置微型浏览器的应用程序可以将请求头信息通过HTTPOlypertext transferprotocol,超文本传送协议)协议向此IP地址所在的服务器发起网页加载的请求。该服务器接收到该请求之后等待处理,最后向浏览器或内置微型浏览器的应用程序返回响应。
[0121]此时,在HTTP协议下,浏览器或内置微型浏览器的应用程序可以从服务器接收到HTML (Hypertext Markup Language,超文本标记语言)类型的文档(即网页文档)。浏览器或内置微型浏览器的应用程序可以解析HTML文档,生成树状结构的对象,即DOM(DocumentObject Model,文件对象模型),每个对象是DOM上的一个结点,而这些对象可以代表文字、图片等网页资源。浏览器或内置微型浏览器的应用程序可以开始显示此HTML文档,并获取其中内嵌的网页资源的地址,然后浏览器再向服务器发起请求来获取这些网页资源,并在浏览器或内置微型浏览器的应用程序的HTML文档中显示。
[0122]在具体实现中,所述网页可以包括特征区域,所述特征区域中可以包括一个或多个第一类目信息,每个第一类目信息可以具有关联的第一触发点;
[0123]步骤402,在所述第一类目信息关联的第一触发点被触发时,生成第一弹出层;
[0124]步骤403,在所述第一弹出层中加载归属所述第一类目信息的一个或多个第二类目信息。
[0125]在本申请的一种优选实施例中,所述网页文档可以包括第二类目信息,则在本申请实施例中,步骤403可以包括如下子步骤:
[0126]子步骤S21,从所述网页文档中提取归属所述第一类目信息的一个或多个第二类目信息;
[0127]子步骤S22,在所述第一弹出层中加载从所述网页文档中提取的一个或多个第二类目信息。
[0128]在本申请实施例中,可以对第一弹出层和第二类目信息进行预加载,即在加载网页文档的时候加载第一弹出层和第二类目信息,并通过CSS (Cascading Style Sheet,级联样式表)对第一弹出层和第二类目信息进行隐藏,在第一触发点被触发时,通过CSS对第一弹出层和第二类目信息进行显示。
[0129]本申请实施例对第一弹出层和第二类目信息进行预加载,可以减少首次触发第一弹出层和第二类目信息的等待时间,加快响应速度。
[0130]当然,本申请实施例也可以在第一触发点被触发的时候,从服务器中获取第二类目信息,本申请实施例对此不加以限制。
[0131]步骤404,在当前第二类目信息关联的第二触发点被触发时,生成第二弹出层;
[0132]在本申请实施例中,每个第二类目信息可以具有关联的第二触发点,该第二触发点可以用于调用归属第二类目信息的业务对象。
[0133]在具体实现中,所述第二触发点可以依据在所述第二类目信息的鼠标经过悬停hover操作被触发。
[0134]在本申请实施例中,该第二弹出层可以为DIV弹出层。
[0135]该第二弹出层可以根据弹出层所在的网页位置,弹出框的宽度、弹出框的高度、弹出层的内容等创建第二弹出层。
[0136]例如,如图3B所示,可以在区域302(即第一弹出层)中的符号3021中嵌入第二触发点。
[0137]若鼠标在符号3021悬停,该第二触发点可以被触发,在区域303中生成第二弹出层。
[0138]在本示例中,每个服务维度(即第一类目信息)下的行业维度(即第二类目信息)可以是相同的,因此,为进一步节省第一弹出层加载的资源耗费,提高第一弹出层的加载速度,本示例中可以将行业维度的名称(即第一类目信息的名称)加载在网页中,在弹出层中加载标识触发点的符号(如符号3021)。
[0139]在其他示例中,也可以将第一类目信息的名称和触发点同时在第一弹出层中进行加载,本申请实施例对此不加以限制。
[0140]步骤405,在所述第二弹出层中加载归属当前第二类目信息的一个或多个业务对象。
[0141]在具体实现中,在第而弹出层中的业务对象可以是文字、图片等等,本申请实施例对此不加以限制。
[0142]该业务对象可以通过框架iframe传进来,也可以用jQuery的1adO方法传进来,本领域技术人员根据实际情况任意设置都是可行的,例如,进一步设置弹出背景层,设置弹出层的显示属性等,本申请实施例对此无需加以限制。
当前第3页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1