页面元素的控制方法及装置制造方法及图纸

技术编号:11164891 阅读:63 留言:0更新日期:2015-03-18 21:17
本申请提供一种页面元素的控制方法及装置。本申请实施例通过根据Web页面,创建辅助页面元素,辅助页面元素的尺寸为Web页面的尺寸,进而根据辅助页面元素的尺寸和目标页面元素的尺寸和位置,获得辅助页面元素的边框的尺寸,使得能够设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式,能够避免现有技术中由于复制的页面元素即目标页面元素脱离了Web页面的文档流而导致的重新设置复制的页面元素的样式的问题,操作简单,且正确率高,从而提高了页面元素控制的效率和可靠性。

【技术实现步骤摘要】
页面元素的控制方法及装置
】本申请涉及万维网(World Wide Web,Web)页面处理技术,尤其涉及一种页面元素的控制方法及装置。【
技术介绍
】随着通信技术的发展,终端集成了越来越多的功能,从而使得终端的系统功能列表中包含了越来越多相应的应用程序,例如,电脑中安装的应用程序、第三方智能手机中安装的应用程序(Applicat1n, APP)等。有些应用程序中会涉及一些万维网(World WideWeb, Web)页面,Web页面可以包括由一个或者多个超文本标记语言(HyperText MarkupLanguage,HTML)标签组成的一个显示区块,称为页面元素,例如,文字、标签、超链接、按钮、输入框、下拉框等。在一些情况下,需要突出显示指定的页面元素,例如,Web页面的布局发生变化之后,需要突出显示变化的页面元素。现有技术中,首先在整个页面上方设置一个半透明层,然后,复制需要突出显示的页面元素,并将复制的页面元素设置在半透明层的上方,以实现突出显示所复制的页面元素的目的。由于复制的页面元素是单独设置在Web页面的半透明层上方,使得复制的页面元素脱离了 Web页面的文档流,因此,需要重新设置复制的页面元素,以保持原始的显示效果。其中,Web页面的文档流就是Web页面上可显示对象即页面元素在排列时所占用的位置。然而,由于复制的页面元素脱离了 Web页面的文档流,使得无法根据文档流设置该页面元素的样式,只能单独计算该页面元素的样式,操作复杂,且容易出错,从而导致了页面元素控制的效率和可靠性的降低。【
技术实现思路
】本申请的多个方面提供一种页面元素的控制方法及装置,用以提高页面元素控制的效率和可靠性。本申请的一方面,提供一种页面元素的控制方法,包括:确定万维网Web页面上待控制的目标页面元素;根据所述Web页面,创建辅助页面元素,所述辅助页面元素的尺寸为所述Web页面的尺寸;根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸;设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式,包括:根据预先设置的透明度参数,设置所述辅助页面元素的边框的透明度,所述透明度参数大于或等于O且小于I。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸,包括:根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素与所述目标页面元素在每个方向上的尺寸差值;根据所述每个方向上的尺寸差值,获得所述辅助页面元素的边框的尺寸。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述根据所述Web页面,创建辅助页面元素,包括:在所述Web页面的主体body标签下,创建所述辅助页面元素。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸之前,还包括:利用JavaScript语言,确定所述目标页面元素的尺寸和位置。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述辅助页面元素为块级元素。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述辅助页面元素的垂直高度大于所述Web页面上除了所述目标页面元素之外的任一其他页面元素的垂直高度。本申请的另一方面,提供一种页面元素的控制装置,包括:确定单元,用于确定万维网Web页面上待控制的目标页面元素;创建单元,用于根据所述Web页面,创建辅助页面元素,所述辅助页面元素的尺寸为所述Web页面的尺寸;获得单元,用于根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸;设置单元,用于设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述设置单元,具体用于根据预先设置的透明度参数,设置所述辅助页面元素的边框的透明度,所述透明度参数大于或等于O且小于I。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述获得单元,具体用于根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素与所述目标页面元素在每个方向上的尺寸差值;以及根据所述每个方向上的尺寸差值,获得所述辅助页面元素的边框的尺寸。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述创建单元,具体用于在所述Web页面的主体body标签下,创建所述辅助页面元素。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述确定单元,还用于利用JavaScript语言,确定所述目标页面元素的尺寸和位置。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述辅助页面元素为块级元素。如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述辅助页面元素的垂直高度大于所述Web页面上除了所述目标页面元素之外的任一其他页面元素的垂直高度。由上述技术方案可知,本申请实施例通过根据Web页面,创建辅助页面元素,所述辅助页面元素的尺寸为所述Web页面的尺寸,进而根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸,使得能够设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式,由于目标页面元素始终没有脱离Web页面的文档流,因此,能够避免现有技术中由于复制的页面元素即目标页面元素脱离了 Web页面的文档流而导致的重新设置复制的页面元素的样式的问题,操作简单,且正确率高,从而提高了页面元素控制的效率和可靠性。【【附图说明】】为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1为本申请一实施例提供的页面元素的控制方法的流程示意图;图2为图1对应的实施例中一 Web页面的示意图;图3为图1对应的实施例中另一 Web页面的示意图;图4为图1对应的实施例中另一 Web页面的示意图;图5为本申请另一实施例提供的页面元素的控制装置的结构示意图。【【具体实施方式】】为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例,都属于本申请保护的范围。需要说明的是,本申请实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant, PDA)、无线手持装置、无线上网本、个人电脑、便携电脑、个人电脑(Personal Computer, PC本文档来自技高网...

【技术保护点】
一种页面元素的控制方法,其特征在于,包括:确定万维网Web页面上待控制的目标页面元素;根据所述Web页面,创建辅助页面元素,所述辅助页面元素的尺寸为所述Web页面的尺寸;根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸;设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式。

【技术特征摘要】
1.一种页面元素的控制方法,其特征在于,包括: 确定万维网Web页面上待控制的目标页面元素; 根据所述Web页面,创建辅助页面元素,所述辅助页面元素的尺寸为所述Web页面的尺寸; 根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸; 设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式。2.根据权利要求1所述的方法,其特征在于,设置所述辅助页面元素的边框展现方式为不同于所述目标页面元素的展现方式,包括: 根据预先设置的透明度参数,设置所述辅助页面元素的边框的透明度,所述透明度参数大于或等于O且小于I。3.根据权利要求1所述的方法,其特征在于,所述根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸,包括: 根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素与所述目标页面元素在每个方向上的尺寸差值; 根据所述每个方向上的尺寸差值,获得所述辅助页面元素的边框的尺寸。4.根据权利要求1?3任一权利要求所述的方法,其特征在于,所述根据所述Web页面,创建辅助页面元素,包括: 在所述Web页面的主体body标签下,创建所述辅助页面元素。5.根据权利要求1?3任一权利要求所述的方法,其特征在于,所述根据所述辅助页面元素的尺寸和所述目标页面元素的尺寸和位置,获得所述辅助页面元素的边框的尺寸之前,还包括: 利用JavaScript语言,确定所述目标页面元素的尺寸和位置。6.根据权利要求1?3任一权利要求所述的方法,其特征在于,所述辅助页面元素为块级元素。7.根据权利要求1?3任一权利要求所述的方法,其特征在于, 所述辅助页面元...

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

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

1