用于异步请求模式的网页遮罩方法

文档序号:8412488阅读:307来源:国知局
用于异步请求模式的网页遮罩方法
【技术领域】
[0001]本发明涉及网页遮罩方法,更具体地,涉及用于异步请求模式的网页遮罩方法。
【背景技术】
[0002]目前,随着计算机和网络应用的日益广泛以及不同领域的业务种类的日益丰富,对基于异步请求模式(即用户通过页面向服务器端发起一个请求,该页面不会被锁定,用户仍然可以在该页面上进行其他的操作)的网站页面在响应延时(即从用户向服务器端发送请求到用户在浏览器里看到根据服务器端的响应而展示的结果之间通常存在一定的延时,该情况被称之为响应延时)期间进行页面遮罩(即将网页里某些元素放置在特定元素的下方,被放置下方的这些元素用户不能进行任何操作,由此,被放置在这些元素上方的特定元素就是该网页的遮罩层,这可以防止用户在响应延时期间触发某些错误操作而导致原请求无法正确处理)变得越来越重要。
[0003]在现有的技术方案中,通常以如下两种方式实现页面遮罩:(1)对网页进行整体遮罩,即遮罩层会把页面的所有元素都置于遮罩层的下方,由此当遮罩层启用后,其会屏蔽掉页面上的所有操作;(2)在需要进行遮罩操作时,将被遮罩的元素隐藏,并且同时将具有遮罩功能的元素覆盖被遮罩的元素原来的位置并且显示出来,随后在遮罩功能结束后将被遮罩的元素显示出来,并且同时隐藏具有遮罩功能的元素。
[0004]然而,现有的技术方案存在如下问题:(I)针对第一种方式,由于对网页进行了整体遮罩,故限制了用户进行不影响原请求正确处理的操作,从而使得异步请求模式实质上等同于同步请求模式(在该模式下,用户在通过页面向服务器端发起一个请求之后并在服务器端返回针对该请求的应答之前,用户不能对该页面进行任何相关的操作,即此时的页面被锁定),并由此失去了异步请求模式的灵活性;(2)针对第二种方式,在需要遮罩的区域比较大以及被遮罩的元素较多的情况下,该方式难于应用,例如,该遮罩方式可能会改变原页面所展示的内容和布局。
[0005]因此,存在如下需求:提供能够在不改变原页面所展示的内容和布局的情况下灵活配置页面遮罩功能的用于异步请求模式的网页遮罩方法。

【发明内容】

[0006]为了解决上述现有技术方案所存在的问题,本发明提出了能够在不改变原页面所展示的内容和布局的情况下灵活配置页面遮罩功能的用于异步请求模式的网页遮罩方法。
[0007]本发明的目的是通过以下技术方案实现的:
一种用于异步请求模式的网页遮罩方法,所述用于异步请求模式的网页遮罩方法包括下列步骤:
(Al)在用户通过浏览器所展示的页面向服务器端发送信息交互请求后,所述浏览器启用嵌入到所述页面中的遮罩组件;
(A2)所述遮罩组件在启用之后动态地计算被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度,并基于所计算的被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度执行遮罩操作。
[0008]在上面所公开的方案中,优选地,所述方法进一步包括如下步骤:在所述遮罩组件被实际启用之前,所述浏览器以下列两种方式之一执行初始化操作:(1)在所述页面被加载时构建遮罩层,并将所述遮罩层存入遮罩层缓存区内;(2)在实际启用所述遮罩组件时动态地构建遮罩层,并将所述遮罩层存入遮罩层缓存区内。
[0009]在上面所公开的方案中,优选地,所述初始化操作进一步包括:(1)设置所述遮罩层的工作模式,所述工作模式包括单一遮罩模式和多层遮罩模式;(2)设置公共参数,所述公共参数至少包括遮罩层宽度余量值,所述遮罩层宽度余量值定义所述遮罩层的宽度余量。
[0010]在上面所公开的方案中,优选地,所述单一遮罩模式是指整个页面只有一个遮罩层,所述多层遮罩模式是指整个页面使用多个遮罩层,其中,每个遮罩层对应一个被遮罩元素。
[0011 ] 在上面所公开的方案中,优选地,在所述遮罩层被构建之前,所述遮罩组件执行预处理操作,所述预处理操作包括:(I)定义遮罩层的属性;(2)定义被遮罩元素;(3)定义遮罩层和被遮罩层之间的关联关系。
[0012]在上面所公开的方案中,优选地,所述遮罩层的属性至少包括:遮罩层的背景、遮罩层的边框样式、遮罩层的宽度模式、遮罩层的最大宽度和最大高度、遮罩层的最小宽度和最小高度、是否显示个性化展示区。
[0013]在上面所公开的方案中,优选地,如果遮罩层的属性被设置为显示个性化展示区,则定义遮罩层的属性进一步包括定义个性化展示区的属性,其中,所述个性化展示区的属性至少包括:个性化展示区的显示模式、个性化展示区样式属性、个性化展示区的高度和宽度、个性化展示区的最大宽度、最小宽度、最大高度以及最小高度。
[0014]在上面所公开的方案中,优选地,所述个性化展示区的显示模式是下列模式之一:(I)文字模式;(2)图片模式;(3) flash模式。
[0015]在上面所公开的方案中,优选地,在所述遮罩组件被实际启用之后,所述遮罩组件执行实际的遮罩操作,其包括:(1)动态地计算被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度;(2)基于所计算的被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度显示缓冲区内的已构建的遮罩层。
[0016]在上面所公开的方案中,优选地,在接收到来自所述服务器端的针对所述信息交互请求的响应消息后,所述遮罩组件隐藏已显示的遮罩层并将其存入遮罩层缓存区内或者直接删除所述遮罩层。
[0017]在上面所公开的方案中,优选地,所述遮罩组件是javascript组件。
[0018]在上面所公开的方案中,优选地,以如下方式动态地计算被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度:获取被遮罩元素相对于页面body元素的绝对坐标,并且当所述页面出现滚动条或者所述页面不是处于最大化状态的时,获取浏览器窗体的滚动事件,并动态地获取被遮罩元素相对于窗体的绝对坐标以及宽度和高度,从而动态地计算遮罩层的目标位置以及宽度和高度。
[0019]在上面所公开的方案中,优选地,所述遮罩组件包含四个子组件,其中,第一子组件用于单一遮罩层和单一被遮罩元素,第二子组件用于单一遮罩层和多个被遮罩元素,第三子组件用于多个遮罩层和多个被遮罩元素,第四子组件用于所有情况。
[0020]本发明所公开的用于异步请求模式的网页遮罩方法具有以下优点:由于能够动态地计算被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度,因此能够在不改变原页面所展示的内容和布局的情况下灵活配置页面遮罩功能;(2)由于具有可灵活配置的个性化展示区,故能够支持各种展示方式;(3)由于遮罩组件包含四个子组件,故不会影响或较小影响页面加载的速度。
【附图说明】
[0021]结合附图,本发明的技术特征以及优点将会被本领域技术人员更好地理解,其中:
图1是根据本发明的实施例的用于异步请求模式的网页遮罩方法的流程图。
【具体实施方式】
[0022]图1是根据本发明的实施例的用于异步请求模式的网页遮罩方法的流程图。如图1所示,本发明所公开的用于异步请求模式的网页遮罩方法包括下列步骤=(Al)在用户通过浏览器所展示的页面向服务器端发送信息交互请求后,所述浏览器启用嵌入到所述页面中的遮罩组件;(A2)所述遮罩组件在启用之后动态地计算被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度,并基于所计算的被遮罩元素的绝对坐标以及被遮罩元素的宽度和高度执行遮罩操作。
[0023]优选地,本发明所公开的用于异步请求模式的网页遮罩方法进一步包括如下步骤:在所述遮罩组件被实际启用之前,所述浏览器以下列两种方式之一执行初始化操作:
(I)在所述页面被加载时构建遮罩层,并将所述遮罩层存入遮罩层缓存区内;(2)在实际启用所述遮罩组件时动态地构建遮罩层,并将所述遮罩层存入遮罩层缓存区内。
[0024]优选地,在本发明所公开的用于异步请求模式的网页遮罩方法中,所述初始化操作进一步包括:(1)设置所述遮罩层的工作模式,所述工作模式包括单一遮罩模式和多层遮罩模式;(2)设置公共参数,所述公共参数至少包括遮罩层宽度余量值,所述遮罩层宽度余量值定义所述遮罩层的宽度余量(例如,将遮罩层的实际宽度定义为比计算出的被遮罩元素的实际宽度左右两边各多出2个像素)。
[0025]优选地,在本发明所公开的用于异步请求模式的网页遮罩方法中,所述单一遮罩模式是指整个页面只有一个遮罩层,所述多层遮罩模式是指整个页面使用多个遮罩层,其中,每个遮罩层对应一个被遮罩兀素(即遮罩层和被遮罩兀素之间是对应的关系)。
[0026]优选地,在本发明所公开的用于异步请求模式的网页遮罩方法中,在所述遮罩层被构建之前,所述遮罩组件执行预处理操作,所述预处理操作包括:(I)定义遮罩层的属性;(2)定义被遮罩元素;(3)定义遮罩层和被遮罩层之间的关联关系(即遮罩层和被遮罩兀素之间的对应关系)。
[0027]优选地,在本发明所公开的用于异步请求模式的网页遮罩方法中,遮罩层的属性至少包括:遮罩层的背景(例如背景色、透明度、背景图片等等)、遮罩层的边框样式、遮罩层的宽度模式(例如,该属性的默认值是auto,即如果该属性的值是auto,则遮罩层的宽度是与之相关联的被遮罩元素的宽度+左边多出2px (像素)+右边多出2px(像素),遮罩层的高度是与之相关联的被遮罩元素的高度+顶部多出2px+底部多出2px,此外,该属性值除了auto外还可以支持如下两种格
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1