用户行为的响应方法和装置制造方法及图纸

技术编号:13142718 阅读:52 留言:0更新日期:2016-04-07 02:58
本申请提出一种用户行为的响应方法和装置,其中,所述用户行为的响应方法,包括以下步骤:接收页面数据,其中,页面数据包括页面内容数据和监控模块,页面内容数据中包括第一区域和与第一区域对应的页面元素,监控模块用于根据用户对第一区域的操作行为对第一区域对应的页面元素进行操作;加载页面数据;以及获取用户的操作行为,其中,如果操作行为发生在第一区域,则监控模块根据操作行为对对应第一区域的页面元素进行操作。本申请的用户行为的响应方法,对页面元素进行操作不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。

【技术实现步骤摘要】

本申请涉及网页
,特别涉及一种用户行为的响应方法和装置
技术介绍
随着网页技术的不断发展,网页中各个网页元素的展现形式越来越丰富多样。网页元素可能本身即为不规则形状或者网页元素存在于不规则形状的内容区域,但是,目前难以对这些不同形状的网页元素或区域进行有效识别,从而无法准确响应用户对这些网页元素或区域的操作行为。目前,在图像地图中,可通过HTML (Hypertext Markup Language,超文本标记语言)中的〈map〉和〈area〉标签在图像中定义热点区域,当用户对热点区域进行点击时,可响应用户的点击操作,进入该热点区域对应的链接。但是,目前这种在图像地图中通过定义热点区域响应用户请求的方式,主要应用于图片元素,而无法应用于其他HTML元素,应用场景单一,并且需要固定图片元素的尺寸,否则图片元素尺寸发生变化后,图片中的热点区域则可能不适用于与该图片元素。此外,如果在图片元素上存储其他遮挡元素或者区域,则定义的热点区域则无法响应用户的行为,操作十分不便。
技术实现思路
本申请旨在至少在一定程度上解决上述技术问题。为此,本申请的第一个目的在于提出一种用户行为的响应方法,对页面元素进行操作不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。本申请的第二个目的在于提出一种用户行为的响应装置。为达上述目的,根据本申请第一方面实施例提出了一种用户行为的响应方法,包括以下步骤:接收页面数据,其中,所述页面数据包括页面内容数据和监控模块,所述页面内容数据中包括第一区域和与所述第一区域对应的页面元素,所述监控模块用于根据用户对所述第一区域的操作行为对所述第一区域对应的页面元素进行操作;加载所述页面数据;以及获取用户的操作行为,其中,如果所述操作行为发生在所述第一区域则所述监控模块根据所述操作行为对所述对应第一区域的页面元素进行操作。本申请实施例的用户行为的响应方法,页面数据中包括页面内容数据的同时还包括监控模块,且页面内容数据包括第一区域和与该第一区域对应的页面元素,从而在加载页面数据后,在用户对第一区域进行操作行为时,可通过监控模块对第一区域对应的页面元素进行操作,由此,可根据用户行为的作用区域和位置响应用户的行为,无论页面预设是否被遮挡,只要用户行为的作用区域在页面元素对应的区域,监控模块即可对该页面元素进行操作,并且不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。本申请第二方面实施例提供了一种用户行为的响应装置,包括:接收模块,用于接收页面数据,其中,所述页面数据包括页面内容数据和监控模块,所述页面内容数据中包括第一区域和与所述第一区域对应的页面元素,所述监控模块用于根据用户对所述第一区域的操作行为对所述第一区域对应的页面元素进行操作;加载模块,用于加载所述页面数据;以及获取模块,用于获取用户的操作行为,其中,如果所述操作行为发生在所述第一区域则所述监控模块根据所述操作行为对所述对应第一区域的页面元素进行操作。本申请实施例的用户行为的响应装置,页面数据中包括页面内容数据的同时还包括监控模块,且页面内容数据包括第一区域和与该第一区域对应的页面元素,从而在加载页面数据后,在获取模块获取到用户对第一区域进行操作行为时,可通过监控模块对第一区域对应的页面元素进行操作,由此,可根据用户行为的作用区域和位置响应用户的行为,无论页面预设是否被遮挡,只要用户行为的作用区域在页面元素对应的区域,监控模块即可对该页面元素进行操作,并且不受页面元素的类型和尺寸的限制,从而能够准确高效地相应用户行为,提升用户体验。本申请的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。【附图说明】本申请的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解,其中:图1为根据本申请一个实施例的用户行为的响应方法的流程图;图2为根据本申请另一个实施例的用户行为的响应方法的流程图;图3为根据本申请一个实施例的页面加载后的示意图;图4为根据本申请一个实施例的用户行为的响应装置的结构示意图;图5为根据本申请一个具体实施例的用户行为的响应装置的结构示意图;图6为根据本申请另一个具体实施例的用户行为的响应装置的结构示意图。【具体实施方式】下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性。下面参考附图描述根据本申请实施例的用户行为的响应方法和装置。图1为根据本申请一个实施例的用户行为的响应方法的流程图。如图1所示,根据本申请实施例的用户行为的响应方法,包括:S101,接收页面数据,其中,页面数据包括页面内容数据和监控模块,页面内容数据中包括第一区域和与第一区域对应的页面元素,监控模块用于根据用户对第一区域的操作行为对第一区域对应的页面元素进行操作。在本申请的一个实施例中,页面数据可由HTML构成,可包括页面文字、图片、链接、音视频内容以及程序代码等元素。页面内容数据中的第一区域包括〈map〉标签。具体地,可通过创建〈map〉标签中的名称name属性设定第一区域的名称,并通过高度height、宽度width等属性设定第一区域在页面中所占用的区域范围。进一步地,第一区域的形状和坐标可由〈map〉标签中的子标签〈area〉标签定义,具体地,可通过〈area〉标签定义第一区域的形状、坐标、链接等。第一区域的形状可以是矩形、圆形、多边形以及各种不规则图形等。其中,坐标可根据形状来定义,具体地,形状和坐标可分别通过〈area〉标签的shape^oords两个属性进行定义。页面元素为位于第一区域的HTML元素,例如,页面按钮、图片、链接、音视频内容等。页面元素的属性指向包括〈map〉标签。具体地,可将页面元素的data-hotmap属性设置为〈map〉标签的name属性值来实现。其中,data-hotmap属性用于设置页面元素的所在区域。在本申请的一个实施例中,监控模块可为Javascript脚本,用于监控用户对第一区域的操作行为,并根据该操作行为对第一区域对应的页面元素进行操作的模块。在定义第一区域的形状时,可根据第一区域对应的页面元素的形状进行定义,例如,第一区域对应的页面元素为一个圆形的图片,则可定义第一区域的形状为圆形。S102,加载页面数据。在本申请的一个实施例中,可首先通过对页面数据进行解析以获取页面数据中的第一区域和与第一区域对应的页面元素,然后根据页面元素的属性建立页面元素和第一区域的链接关系以进行加载。具体地,可通过页面元素的属性指向〈map〉标签来建立页面元素与第一区域的链接关系。即如果页面元素AA的data-hotmap属性为第一区域aa的〈map当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种用户行为的响应方法,其特征在于,包括以下步骤:接收页面数据,其中,所述页面数据包括页面内容数据和监控模块,所述页面内容数据中包括第一区域和与所述第一区域对应的页面元素,所述监控模块用于根据用户对所述第一区域的操作行为对所述第一区域对应的页面元素进行操作;加载所述页面数据;以及获取用户的操作行为,其中,如果所述操作行为发生在所述第一区域,则所述监控模块根据所述操作行为对所述对应第一区域的页面元素进行操作。

【技术特征摘要】

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

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

1