[發(fā)明專利]一種HTML頁(yè)面的本地化加載方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201611092436.3
• 申請(qǐng)日: 2016-11-30
• 公開(kāi)（公告）號(hào): CN108132954B
• 公開(kāi)（公告）日: 2021-12-28
• 發(fā)明（設(shè)計(jì)）人: 馮亮
• 申請(qǐng)（專利權(quán)）人: 深圳聯(lián)友科技有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F9/445
• 代理公司: 深圳市順天達(dá)專利商標(biāo)代理有限公司 44217
• 代理人: 高占元

1.一種HTML頁(yè)面的本地化加載方法，其特征在于，包括步驟：

將項(xiàng)目中的靜態(tài)頁(yè)面轉(zhuǎn)化為JSON文件，并將其打包到本地；

依據(jù)JS動(dòng)態(tài)加載方法將所述JSON文件讀取到除初始化以外的HTML頁(yè)面中，遍歷所述HTML頁(yè)面中的子對(duì)象，提取每個(gè)子對(duì)象中的控件對(duì)象并保存至緩存中；

生成用于顯示的HTML字符串；

從緩存中獲取所述控件對(duì)象，將所述控件對(duì)象中的屬性信息復(fù)制至所述HTML頁(yè)面中以替換所述HTML頁(yè)面中的HTML節(jié)點(diǎn)或覆蓋所述HTML頁(yè)面；

將預(yù)設(shè)的JS庫(kù)引用至所述靜態(tài)頁(yè)面；

在所述HTML頁(yè)面跳轉(zhuǎn)時(shí)，執(zhí)行前置頁(yè)面的卸載操作以銷毀所述前置頁(yè)面中的頁(yè)面控件；

所述生成用于顯示的HTML字符串的步驟中，根據(jù)className屬性調(diào)用所述JS庫(kù)以生成用于顯示的HTML字符串；

所述從緩存中獲取所述控件對(duì)象，將所述控件對(duì)象中的屬性信息復(fù)制至所述HTML頁(yè)面中以替換所述HTML頁(yè)面中的HTML節(jié)點(diǎn)或覆蓋所述HTML頁(yè)面的步驟包括以下子步驟：

解析所述HTML字符串，并獲取緩存中的所述控件對(duì)象；

將所述控件對(duì)象中的屬性信息復(fù)制至所述HTML頁(yè)面中，所述屬性信息包括默認(rèn)值、緩存值及綁定事件；

讀取所述HTML字符串，并將所述HTML字符串覆蓋所述HTML頁(yè)面或者替換所述HTML頁(yè)面中的HTML節(jié)點(diǎn)。

2.一種HTML頁(yè)面的本地化加載裝置，其特征在于，包括：

打包模塊，用于將項(xiàng)目中的靜態(tài)頁(yè)面轉(zhuǎn)化為JSON文件，并將其打包到本地；

提取模塊，用于依據(jù)JS動(dòng)態(tài)加載方法將所述JSON文件讀取到除初始化以外的HTML頁(yè)面中，遍歷所述HTML頁(yè)面中的子對(duì)象，提取每個(gè)子對(duì)象中的控件對(duì)象并保存至緩存中；

生成模塊，用于生成用于顯示的HTML字符串；

復(fù)制模塊，用于從緩存中獲取所述控件對(duì)象，將所述控件對(duì)象中的屬性信息復(fù)制至所述HTML頁(yè)面中以替換所述HTML頁(yè)面中的HTML節(jié)點(diǎn)或覆蓋所述HTML頁(yè)面；

引用模塊，用于將預(yù)設(shè)的JS庫(kù)引用至所述靜態(tài)頁(yè)面；

銷毀模塊，用于在所述HTML頁(yè)面跳轉(zhuǎn)時(shí)，執(zhí)行前置頁(yè)面的卸載操作以銷毀所述前置頁(yè)面中的頁(yè)面控件；

所述生成模塊還用于根據(jù)className屬性調(diào)用所述JS庫(kù)以生成用于顯示的HTML字符串；

所述復(fù)制模塊包括：

解析子模塊，用于解析所述HTML字符串，并獲取緩存中的所述控件對(duì)象；

復(fù)制子模塊，用于將所述控件對(duì)象中的屬性信息復(fù)制至所述HTML頁(yè)面中，所述屬性信息包括默認(rèn)值、緩存值及綁定事件；

替換子模塊，用于讀取所述HTML字符串，并將所述HTML字符串覆蓋所述HTML頁(yè)面或者替換所述HTML頁(yè)面中的HTML節(jié)點(diǎn)。