发明内容
本发明的主要目的在于提供一种网页选项处理方法及装置,以解决网页上的待选项列表和已选项列表交互时占用系统资源比较大的问题。
为了实现上述目的,根据本发明的一个方面,提供了一种网页选项处理方法。
根据本发明的网页选项处理方法包括:检测第一网页选项的第一属性值,其中,第一属性值用于表示第一网页选项在网页的显示区域,第一网页选项存储在第一数组中,第一数组存储有多个网页选项,第一网页选项为多个网页选项中的任意一个网页选项,第一属性值包括第一值和第二值;判断第一属性值是否为第一值或第二值;如果判断出第一属性值为第一值,则在网页的第一显示区域显示第一网页选项;以及如果判断出第一属性值为第二值,则在网页的第二显示区域显示第一网页选项。
进一步地,在检测第一网页选项的第一属性值之前,方法还包括:接收对第一网页选项的触发信号,其中,触发信号为用于触发对第一网页选项进行修改的信号;以及根据触发信号修改第一属性值,其中,如果第一网页选项的第一属性值为第一值,则将第一属性值修改为第二值,如果第一属性值为第二值,则将第一属性值修改为第一值。
进一步地,第一网页选项还包括第二属性值,在根据触发信号修改第一属性值之后,方法还包括:修改第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序;以及根据第二属性值确定第一网页选项在网页的显示区域显示时的排序。
进一步地,修改第一网页选项的第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序包括:计算多个网页选项中第一属性值为第二值的选项的个数;以及根据多个网页选项中第一属性值为第二值的选项的个数确定第一网页选项的第二属性值。
进一步地,网页的第一显示区域用于显示待选项,待选项指用于选择的选项,待选项在网页的第一显示区域垂直排列,网页的第二显示区域用于显示已选项,已选项是指已经选中的选项,已选项在网页的第二显示区域垂直排列,当第一属性值为第一值时,待选项包括第一网页选项,当第一属性值为第二值时,已选项包含第一网页选项。
为了实现上述目的,根据本发明的另一方面,提供了一种网页选项处理装置。
根据本发明的网页选项处理装置包括:检测单元,用于检测第一网页选项的第一属性值,其中,第一属性值用于表示第一网页选项在网页的显示区域,第一网页选项存储在第一数组中,第一数组存储有多个网页选项,第一网页选项为多个网页选项中的任意一个网页选项,第一属性值包括第一值和第二值;判断单元,用于判断第一属性值是否为第一值或第二值;以及第一确定单元,用于在判断出第一属性值为第一值时,确定在网页的第一显示区域显示第一网页选项,在判断出第一属性值为第二值时,确定在网页的第二显示区域显示第一网页选项。
进一步地,装置还包括:接收单元,用于接收对第一网页选项的触发信号,其中,触发信号为用于触发对第一网页选项进行修改的信号;以及第一修改单元,用于根据触发信号修改第一属性值,其中,如果第一网页选项的第一属性值为第一值,则将第一属性值修改为第二值,如果第一属性值为第二值,则将第一属性值修改为第一值。
进一步地,第一网页选项还包括第二属性值,装置还包括:第二修改单元,用于修改第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序;以及第二确定单元,用于根据第二属性值确定第一网页选项在网页的显示区域显示时的排序。
进一步地,第二修改单元包括:计算模块,用于计算多个网页选项中第一属性值为第二值的选项的个数;以及确定模块,用于根据多个网页选项中第一属性值为第二值的选项的个数确定第一网页选项的第二属性值。
进一步地,网页的第一显示区域用于显示待选项,待选项指用于选择的选项,待选项在网页的第一显示区域垂直排列,网页的第二显示区域用于显示已选项,已选项是指已经选中的选项,已选项在网页的第二显示区域垂直排列,当第一属性值为第一值时,待选项包括第一网页选项,当第一属性值为第二值时,已选项包含第一网页选项。
通过本发明,采用将网页的多个选项存储于一个数组中,即第一数组,通过检测第一数组中每个选项的第一属性值来确定该选项在网页的显示位置,解决了网页上的待选项列表和已选项列表交互时占用系统资源比较大的问题,进而达到了减少网页上的待选项列表和已选项列表交互时对系统资源占用的效果。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本发明实施例,提供了一种网页选项处理方法,图1是根据本发明实施例的网页选项处理方法的流程图。
如图1所示,该网页选项处理方法包括如下的步骤S102至步骤S108:
步骤S102:检测第一网页选项的第一属性值,其中,第一属性值用于表示第一网页选项在网页的显示区域,第一网页选项存储在第一数组中,第一数组存储有多个网页选项,第一网页选项为多个网页选项中的任意一个网页选项,第一属性值包括第一值和第二值。
第一数组可以是JavaScript数组,其中,JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在超文本标记语言(Hyper TextMarkup Language,简称为HTML)网页上使用,用来给HTML网页增加动态功能。本发明实施例以第一数组为JavaScript数组为例进行说明,将多个网页选项存储于一个JavaScript数组中,即第一数组中,第一网页选项可以是第一数组中存储的多个网页选项中任意一个网页选项。第一属性值用于表示第一网页选项在网页的显示区域,第一值和第二值为不同的两个值。通常,可以对应网页显示区域的个数来确定第一属性值的个数,例如,在网页上具有两个显示区域用于显示第一网页选项,此时,可以设定第一属性值的个数为2,例如,true和false两个值。具体地,可以预先将第一属性值与网页的显示区域进行绑定,例如,当第一属性值为true时,绑定第一网页选项显示在网页的待选项显示区域,当第一属性值为false时,绑定第一网页选项显示在网页的已选项显示区域,其中,网页的待选项显示区域和网页的已选项显示区域为网页的不同显示区域,网页的待选项区域用于显示待选项列表,网页的已选项区域用于显示已选项列表。
步骤S104:判断第一属性值是否为第一值或第二值。
步骤S106:如果判断出第一属性值为第一值,则在网页的第一显示区域显示第一网页选项。
步骤S108:如果判断出第一属性值为第二值,则在网页的第二显示区域显示第一网页选项。
网页的第一显示区域和网页的第二显示区域为网页上不同的两个显示区域。由于预先将第一属性值与网页的显示区域进行绑定,即当第一属性值为第一值时,绑定第一网页选项显示在网页的第一显示区域,当第一属性值为第二值时,绑定第一网页选项显示在网页的第二显示区域。因此,在判断出第一属性值为第一值时,在网页的第一显示区域显示第一网页选项,在判断出第一属性值为第二值时,在网页的第二显示区域显示第一网页选项,其中,网页的第一显示区域显示可以是网页的待选项显示区域或网页的已选项显示区域,网页的第二显示区域显示也可以是网页的已选项显示区域或网页的待选项显示区域,网页的待选项显示区域用于显示待选项列表,网页的已选项显示区域用于显示已选项列表。初始化时,第一数组存储的全部网页选项显示在网页的待选项显示区域。
本发明实施例通过将多个网页选项存储于一个数组中,即将多个网页选项存储于第一数组中,通过检测第一数组中存储的多个网页选项中的每个网页选项的第一属性值来确定该网页选项在网页的显示区域,相比于现有技术中通过两个数组来存放待选项列表和已选项列表,减少了数组开销,进一步减少了网页上的待选项列表和已选项列表交互时内存的开销,解决了现有技术中网页上的待选项列表和已选项列表交互时占用系统资源比较大的问题。
优选地,在检测第一网页选项的第一属性值之前,方法还包括:接收对第一网页选项的触发信号,其中,触发信号为用于触发对第一网页选项进行修改的信号;以及根据触发信号修改第一属性值,其中,如果第一网页选项的第一属性值为第一值,则将第一属性值修改为第二值,如果第一属性值为第二值,则将第一属性值修改为第一值。
该触发信号可以是对网页上显示的第一网页选项的点击操作触发的信号,具体地,可以预先在该触发信号上绑定触发事件,该触发事件可以执行对第一属性值的修改操作。例如,当鼠标点击网页上显示的第一网页选项时,对第一网页选项的第一属性值进行修改,此时,可以改变第一网页选项在网页的显示区域,例如,第一网页选项从网页的待选项显示区域转移到网页的已选项区域,从而实现网页的待选项与已选项的交互,相比于现有技术中,通过改变两个数组中存储的网页选项来改变网页上待选项类表和已选项列表中的选项,操作方便快捷,而且占用系统资源少。
优选地,第一网页选项还包括第二属性值,在根据触发信号修改第一属性值之后,方法还包括:修改第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序;以及根据第二属性值确定第一网页选项在网页的显示区域显示时的排序。
如图2所示,在网页的待选项显示区域中,即指标选择,包含独立点击者和独立曝光者两个选项,在网页的已选项显示区域中,即已选指标,包含点击量和曝光量两个选项,上述多个选择先网页的不同显示区域垂直排列,指标选择中选项的排列顺序为独立点击者、独立曝光者,已选指标中选项的排列顺序为点击量、曝光量。具体地,通过设置第二属性值可以确定选项在网页的显示区域显示时的排序,例如,按照网页选项被选择的顺序确定该网页选项在网页的显示区域显示时的排序,例如,先选择的网页选项位于网页的显示区域靠前的位置,后选择的网页选项位于网页的显示区域靠后的位置,也可以是按照初始化时各个网页选项在网页的显示区域的排序确定各个网页选项显示的相对位置不变,例如,网页选项1在初始化时显示在网页选项2的前面,则在网页选项1和网页选项2处于同一网页显示区域时,保证网页选项1显示在网页选项2的前面。优选地,修改第一网页选项的第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序包括:计算多个网页选项中第一属性值为第二值的选项的个数;以及根据多个网页选项中第一属性值为第二值的选项的个数确定第一网页选项的第二属性值。
具体地,可以预先绑定网页选项的第二属性值和该网页选项在网页的显示区域的排序,例如,当网页选项的第二属性值为1时绑定该网页选项排在网页的显示区域的第一个显示位置,当网页选项的第二属性值为2时绑定该网页选项排在网页的显示区域的第二个显示位置,依次类推。本发明实施例以第一网页选项的第一属性值为第二值时第一网页选项显示在网页的已选项显示区域为例进行说明,多个网页选项中第一属性值为第二值的选项的个数即为显示在网页的已选项显示区域的网页选项的个数,即已选项的个数,根据多个网页选项中第一属性值为第二值的网页选项的个数确定第一网页选项的第二属性值可以是根据已选项的个数来确定第一网页在网页的已选项显示区域的显示顺序,例如,已选项的个数为3时,此时可以修改第二属性值为3,即将第一网页选项排在网页的已选项显示区域的第三个位置。上述方法可以保证按照用户选择网页选项的顺序在网页的已选项区域显示选项,从而可以直观的看出用户对网页上不同网页选项的关注程度。
可选地,网页的第一显示区域用于显示待选项,待选项指用于选择的选项,待选项在网页的第一显示区域垂直排列,网页的第二显示区域用于显示已选项,已选项是指已经选中的选项,已选项在网页的第二显示区域垂直排列,当第一属性值为第一值时,待选项包括第一网页选项,当第一属性值为第二值时,已选项包含第一网页选项。
具体地,如图2所示,待选项、已选项列表都在网页上垂直排列,选项内容垂直居中、左对齐,行之间有8像素的间距。待选项列表每个选项为蓝字白底色块,色块为圆角,字左内边距10像素,上下5像素。已选项列表每个选项为白字蓝底色块,色块为圆角,字左内边距10像素,上下5像素;文字后右对齐一个用于关闭的图标,图标为蓝色叉号正方形圆角白色底、右内边距10像素。点击待选项列表选项时该选项消失,若下方有其他选项,则其他项依次向上移一个位置;待选项列表中消失的选项出现在已选项列表,其样式表现与已选项列表一致,已选项的排序与在待选列表时的相对位置一致。点击已选项列表中的选项的关闭图标时,该选项消失,若下方有其他选项,则其他选项依次向上移一个位置;已选项列表中消失的选项出现在待选列表中,样式及排序与原来在待选列表时一致。上述待选项列表和已选项列表在网页的显示方式较为简洁、直观,待选项列表和已选项列表的交互操作也较为方便。为方便实现绑定,减少代码量,本发明实施例采用Google的前端开源框架AngrularJS、Twitter推出的前端开发的开源工具包Bootstrap进行开发,其中,AngrularJS是一款前端JS框架,有着诸多特性,例如,模块化、自动化双向数据绑定、语义化标签、依赖注入,等等,Bootstrap是一个CSS/HTML框架,提供了HTML和CSS规范。此外,在页面HTML建立ng-app的域,根据域的范围不同,可自由控制域在HTML中的节点。本发明实施例的一个具体实现如下:
如下面代码,模块app在html根节点,所以其域为整个HTML页面。
如下在页面上添加HTML代码块,实现在网页上显示指标选择和已选指标两个选项列表,实现代码如下:
如下代码用于实现选项列表的显示样式,其中glyphicon、glyphicon-remove为Bootstrap的样式,实现代码如下:
如下代码用于实现JavaScript数组的控制,实现代码如下:
其中,在上述JavaScript数组中每个元素的checked属性即为第一属性,对应于true和false两个值。
上述代码实现只是本发明实施例的一种实现方式,本发明实施例也可以采用其他方式实现。
从以上的描述中,可以看出,本发明实现了如下技术效果:
本发明实施例通过检测第一网页选项的第一属性值,判断第一属性值是否为第一值或第二值,如果判断出第一属性值为第一值,则在网页的第一显示区域显示第一网页选项,以及如果判断出第一属性值为第二值,则在网页的第二显示区域显示第一网页选项。通过将多个网页选项存储于一个数组中,即第一数组中,通过检测第一数组中存储的多个网页选项中的每个网页选项的第一属性值来确定该网页选项在网页的显示区域,实现网页上待选项和已选项的交互,相比于现有技术中通过两个数组来实现网页上待选项和已选项的交互,减少了数组开销,进一步减少了网页上的待选项列表和已选项列表交互时内存的开销,解决了现有技术中网页上的待选项列表和已选项列表交互时占用系统资源比较大的问题。
需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
根据本发明实施例的另一方面,提供了一种网页选项处理装置,该网页选项处理装置可以用于执行本发明实施例的网页选项处理方法,本发明实施例的网页选项处理方法也可以通过本发明实施例的网页选项处理装置来执行。
如图3所示,该网页选项处理装置包括:检测单元10,判断单元20和第一确定单元30。
检测单元10,用于检测第一网页选项的第一属性值,其中,第一属性值用于表示第一网页选项在网页的显示区域,第一网页选项存储在第一数组中,第一数组存储有多个网页选项,第一网页选项为多个网页选项中的任意一个网页选项,第一属性值包括第一值和第二值。
第一数组可以是JavaScript数组,其中,JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。本发明实施例以第一数组为JavaScript数组为例进行说明,将多个网页选项存储于一个JavaScript数组中,即第一数组中,第一网页选项可以是第一数组中存储的多个网页选项中任意一个网页选项。第一属性值用于表示第一网页选项在网页的显示区域,第一值和第二值为不同的两个值。
判断单元20,用于判断第一属性值是否为第一值或第二值。
第一确定单元30,用于在判断出第一属性值为第一值时,确定在网页的第一显示区域显示第一网页选项,在判断出第一属性值为第二值时,确定在网页的第二显示区域显示第一网页选项。
网页的第一显示区域和网页的第二显示区域为网页上不同的两个显示区域。由于预先将第一属性值与网页的显示区域进行绑定,即当第一属性值为第一值时,绑定第一网页选项显示在网页的第一显示区域,当第一属性值为第二值时,绑定第一网页选项显示在网页的第二显示区域。
本发明实施例通过检测单元10检测第一选项的第一属性值,判断单元20判断第一属性值是否为第一值或第二值,以及第一确定单元30在判断出第一属性值为第一值时,确定在网页的第一显示区域显示第一选项,在判断出第一属性值为第二值时,确定在网页的第二显示区域显示第一选项。本发明实施例通过将多个网页选项存储于一个数组中,即第一数组中,通过检测第一数组中存储的多个网页选项中的每个网页选项的第一属性值来确定该网页选项在网页的显示区域,实现网页上待选项和已选项的交互,相比于现有技术中通过两个数组来实现网页上待选项和已选项的交互,减少了数组开销,进一步减少了网页上的待选项列表和已选项列表交互时内存的开销,解决了现有技术中网页上的待选项列表和已选项列表交互时占用系统资源比较大的问题。
优选地,该装置还包括:接收单元,用于接收对第一网页选项的触发信号,其中,触发信号为用于触发对第一网页选项进行修改的信号;以及第一修改单元,用于根据触发信号修改第一属性值,其中,如果第一网页选项的第一属性值为第一值,则将第一属性值修改为第二值,如果第一属性值为第二值,则将第一属性值修改为第一值。
该触发信号可以是对网页上显示的第一网页选项的点击操作触发的信号,具体地,可以预先在该触发信号上绑定触发事件,该触发事件可以执行对第一属性值的修改操作。例如,当鼠标点击网页上显示的第一网页选项时,对第一网页选项的第一属性值进行修改,此时,可以改变第一网页选项在网页的显示区域,例如,第一网页选项从网页的待选项显示区域转移到网页的已选项区域,从而实现网页的待选项与已选项的交互,相比于现有技术中,通过改变两个数组中存储的网页选项来改变网页上待选项类表和已选项列表中的选项,操作方便快捷,而且占用系统资源少。
优选地,第一网页选项还包括第二属性值,该装置还包括:第二修改单元,用于修改第二属性值,其中,第二属性用于表示选项在网页的显示区域显示时的排序;以及第二确定单元,用于根据第二属性值确定第一网页选项在网页的显示区域显示时的排序。
优选地,第二修改单元包括:计算模块,用于计算多个网页选项中第一属性值为第二值的选项的个数;以及确定模块,用于根据多个网页选项中第一属性值为第二值的选项的个数确定第一网页选项的第二属性值。
可选地,网页的第一显示区域用于显示待选项,待选项指用于选择的选项,待选项在网页的第一显示区域垂直排列,网页的第二显示区域用于显示已选项,已选项是指已经选中的选项,已选项在网页的第二显示区域垂直排列,当第一属性值为第一值时,待选项包括第一网页选项,当第一属性值为第二值时,已选项包含第一网页选项。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。