[發(fā)明專利]一種移除頁面的DOM節(jié)點(diǎn)的方法和裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201210579298.7
• 申請(qǐng)日: 2012-12-28
• 公開（公告）號(hào): CN103902581B
• 公開（公告）日: 2017-12-08
• 發(fā)明（設(shè)計(jì)）人: 陳映平;郭學(xué)亨;李晶;吳浩;劉恒兵;龍丁奮
• 申請(qǐng)（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號(hào): G06F17/30
• 分類號(hào): G06F17/30
• 代理公司: 北京德琦知識(shí)產(chǎn)權(quán)代理有限公司11018
• 代理人: 張玉波,宋志強(qiáng)

1.一種移除頁面的DOM節(jié)點(diǎn)的方法，其特征在于，該方法包括：

接收移除頁面的DOM節(jié)點(diǎn)的命令；

當(dāng)在頁面卸載事件發(fā)生之前接收到移除頁面的DOM節(jié)點(diǎn)的命令時(shí),先將與該DOM節(jié)點(diǎn)綁定的事件移除，然后再將該DOM節(jié)點(diǎn)移除；

所述將與該DOM節(jié)點(diǎn)綁定的事件移除包括：

遍歷該DOM節(jié)點(diǎn)對(duì)應(yīng)的事件標(biāo)識(shí)ID序列，將該事件ID序列中的所有事件移除；

遍歷該DOM節(jié)點(diǎn)的各層子節(jié)點(diǎn)，遍歷每個(gè)子節(jié)點(diǎn)對(duì)應(yīng)的事件ID序列，將每個(gè)子節(jié)點(diǎn)對(duì)應(yīng)的事件ID序列中的所有事件移除；

其中，每個(gè)綁定了事件的DOM節(jié)點(diǎn)對(duì)應(yīng)一個(gè)事件標(biāo)識(shí)ID序列，該事件ID序列中存儲(chǔ)了對(duì)應(yīng)的DOM節(jié)點(diǎn)直接綁定的事件信息。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，對(duì)于每一個(gè)需要移除的事件，通過查詢?cè)撌录氖录傩员恚鶕?jù)所述事件屬性表刪除所述事件，并解除事件屬性表對(duì)所述事件綁定的DOM節(jié)點(diǎn)的引用；

其中，所述事件屬性表是通過為頁面上每個(gè)綁定的事件分配一個(gè)唯一的ID而建立的，其中存儲(chǔ)了每個(gè)事件綁定的DOM節(jié)點(diǎn)信息、事件類型信息、以及響應(yīng)所述事件的處理方法信息。

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將該DOM節(jié)點(diǎn)移除包括：

將該DOM節(jié)點(diǎn)插入充當(dāng)節(jié)點(diǎn)回收站的臨時(shí)節(jié)點(diǎn)，并將該臨時(shí)節(jié)點(diǎn)的innerHTML屬性設(shè)置為空，所述innerHTML屬性用于描述所述臨時(shí)節(jié)點(diǎn)的內(nèi)容。

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，該方法還包括：

解除被移除的DOM節(jié)點(diǎn)與事件或其他DOM節(jié)點(diǎn)的雙向引用關(guān)系。

5.一種移除頁面的DOM節(jié)點(diǎn)的裝置，其特征在于，該裝置包括接收模塊和移除模塊；

所述接收模塊，用于接收移除頁面的DOM節(jié)點(diǎn)的命令；

所述移除模塊，用于當(dāng)所述接收模塊在頁面卸載事件發(fā)生之前接收到移除頁面的DOM節(jié)點(diǎn)的命令時(shí)，先將與該DOM節(jié)點(diǎn)綁定的事件移除，然后再將該DOM節(jié)點(diǎn)移除；

所述移除模塊包括第一移除模塊和第二移除模塊；

所述第一移除模塊，用于遍歷該DOM節(jié)點(diǎn)對(duì)應(yīng)的事件標(biāo)識(shí)ID序列，將該事件ID序列中的所有事件移除；

所述第二移除模塊，用于遍歷該DOM節(jié)點(diǎn)的各層子節(jié)點(diǎn)，遍歷每個(gè)子節(jié)點(diǎn)對(duì)應(yīng)的事件ID序列，將每個(gè)子節(jié)點(diǎn)對(duì)應(yīng)的事件ID序列中的所有事件移除；

其中，每個(gè)綁定了事件的DOM節(jié)點(diǎn)對(duì)應(yīng)一個(gè)事件標(biāo)識(shí)ID序列，該事件ID序列中存儲(chǔ)了對(duì)應(yīng)的DOM節(jié)點(diǎn)直接綁定的事件信息。

6.根據(jù)權(quán)利要求5所述的裝置，其特征在于，

所述移除模塊，用于對(duì)于每一個(gè)需要移除的事件，通過查詢?cè)撌录氖录傩员恚鶕?jù)所述事件屬性表刪除所述事件，并解除所述事件屬性表對(duì)需要移除的DOM節(jié)點(diǎn)的引用；

其中，所述事件屬性表是通過為頁面上每個(gè)綁定的事件分配一個(gè)唯一的ID而建立的，其中存儲(chǔ)了每個(gè)事件綁定的DOM節(jié)點(diǎn)信息、事件類型信息、以及響應(yīng)所述事件的處理方法信息。

7.根據(jù)權(quán)利要求5所述的裝置，其特征在于，

所述移除模塊，用于將移除的DOM節(jié)點(diǎn)插入充當(dāng)節(jié)點(diǎn)回收站的臨時(shí)節(jié)點(diǎn)，并將該臨時(shí)節(jié)點(diǎn)的innerHTML屬性設(shè)置為空,所述innerHTML屬性用于描述所述臨時(shí)節(jié)點(diǎn)的內(nèi)容。

8.根據(jù)權(quán)利要求5所述的裝置，其特征在于，該裝置還包括雙向引用關(guān)系解除模塊；

所述雙向引用關(guān)系解除模塊，用于解除被移除的DOM節(jié)點(diǎn)與事件或其他DOM節(jié)點(diǎn)的雙向引用關(guān)系。