[發明專利]用于異步請求模式的網頁遮罩方法

有效

• 申請號: 201310719222.4
• 申請日: 2013-12-24
• 公開（公告）號: CN104731821B
• 公開（公告）日: 2018-10-23
• 發明（設計）人: 夏俊;孫戰平;夏智;佟志臣;張興堯
• 申請（專利權）人: 中國銀聯股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 中國專利代理(香港)有限公司 72001
• 代理人: 方世棟;湯春龍

1.一種用于異步請求模式的網頁遮罩方法，所述用于異步請求模式的網頁遮罩方法包括下列步驟：

（A1）在用戶通過瀏覽器所展示的頁面向服務器端發送信息交互請求后，所述瀏覽器啟用嵌入到所述頁面中的遮罩組件；

（A2）所述遮罩組件在啟用之后動態地計算被遮罩元素的絕對坐標以及被遮罩元素的寬度和高度，并基于所計算的被遮罩元素的絕對坐標以及被遮罩元素的寬度和高度執行遮罩操作，

所述方法進一步包括如下步驟：在所述遮罩組件被實際啟用之前，所述瀏覽器以下列兩種方式之一執行初始化操作：（1）在所述頁面被加載時構建遮罩層，并將所述遮罩層存入遮罩層緩存區內；（2）在實際啟用所述遮罩組件時動態地構建遮罩層，并將所述遮罩層存入遮罩層緩存區內。

2.根據權利要求1所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述初始化操作進一步包括：（1）設置所述遮罩層的工作模式，所述工作模式包括單一遮罩模式和多層遮罩模式；（2）設置公共參數，所述公共參數至少包括遮罩層寬度余量值，所述遮罩層寬度余量值定義所述遮罩層的寬度余量。

3.根據權利要求2所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述單一遮罩模式是指整個頁面只有一個遮罩層，所述多層遮罩模式是指整個頁面使用多個遮罩層，其中，每個遮罩層對應一個被遮罩元素。

4.根據權利要求3所述的用于異步請求模式的網頁遮罩方法，其特征在于，在所述遮罩層被構建之前，所述遮罩組件執行預處理操作，所述預處理操作包括：（1）定義遮罩層的屬性；（2）定義被遮罩元素；（3）定義遮罩層和被遮罩層之間的關聯關系。

5.根據權利要求4所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述遮罩層的屬性至少包括：遮罩層的背景、遮罩層的邊框樣式、遮罩層的寬度模式、遮罩層的最大寬度和最大高度、遮罩層的最小寬度和最小高度、是否顯示個性化展示區。

6.根據權利要求5所述的用于異步請求模式的網頁遮罩方法，其特征在于，如果遮罩層的屬性被設置為顯示個性化展示區，則定義遮罩層的屬性進一步包括定義個性化展示區的屬性，其中，所述個性化展示區的屬性至少包括：個性化展示區的顯示模式、個性化展示區樣式屬性、個性化展示區的高度和寬度、個性化展示區的最大寬度、最小寬度、最大高度以及最小高度。

7.根據權利要求6所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述個性化展示區的顯示模式是下列模式之一：（1）文字模式；（2）圖片模式；（3）flash模式。

8.根據權利要求7所述的用于異步請求模式的網頁遮罩方法，其特征在于，在所述遮罩組件被實際啟用之后，所述遮罩組件執行實際的遮罩操作，其包括：（1）動態地計算被遮罩元素的絕對坐標以及被遮罩元素的寬度和高度；（2）基于所計算的被遮罩元素的絕對坐標以及被遮罩元素的寬度和高度顯示緩沖區內的已構建的遮罩層。

9.根據權利要求8所述的用于異步請求模式的網頁遮罩方法，其特征在于，在接收到來自所述服務器端的針對所述信息交互請求的響應消息后，所述遮罩組件隱藏已顯示的遮罩層并將其存入遮罩層緩存區內或者直接刪除所述遮罩層。

10.根據權利要求9所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述遮罩組件是javascript組件。

11.根據權利要求10所述的用于異步請求模式的網頁遮罩方法，其特征在于，以如下方式動態地計算被遮罩元素的絕對坐標以及被遮罩元素的寬度和高度：獲取被遮罩元素相對于頁面body元素的絕對坐標，并且當所述頁面出現滾動條或者所述頁面不是處于最大化狀態的時，獲取瀏覽器窗體的滾動事件，并動態地獲取被遮罩元素相對于窗體的絕對坐標以及寬度和高度，從而動態地計算遮罩層的目標位置以及寬度和高度。

12.根據權利要求11所述的用于異步請求模式的網頁遮罩方法，其特征在于，所述遮罩組件包含四個子組件，其中，第一子組件用于單一遮罩層和單一被遮罩元素，第二子組件用于單一遮罩層和多個被遮罩元素，第三子組件用于多個遮罩層和多個被遮罩元素，第四子組件用于所有情況。