本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法及系統(tǒng)。

背景技術(shù)：

標(biāo)注是一種在文檔中添加信息的技術(shù)，而當(dāng)前網(wǎng)絡(luò)媒體已經(jīng)成為人們了解信息的重要途徑，因此網(wǎng)頁標(biāo)注技術(shù)也得到了重視和發(fā)展。網(wǎng)頁標(biāo)注系統(tǒng)實際上是提供了一種標(biāo)注裝置來幫助用戶對所瀏覽到的網(wǎng)頁進行標(biāo)注，該標(biāo)注裝置可以是包含瀏覽器的單獨軟件工具，可以是獨立與瀏覽器的單獨軟件工具，也可以是集成在瀏覽器中的擴展模塊。相對于傳統(tǒng)的標(biāo)注方法，還有一種標(biāo)注方法，通過選中待標(biāo)注的文字，對其添加文字標(biāo)注，而該標(biāo)注方法用戶只能針對網(wǎng)頁上的文字信息區(qū)域進行標(biāo)注，而對網(wǎng)頁上的圖片區(qū)域、多媒體信息區(qū)域和功能按鍵區(qū)域等其他區(qū)域則不能進行標(biāo)注，因為標(biāo)注時要先選中待標(biāo)注的文字，因此，對網(wǎng)頁上的同一條文字只能進行一次標(biāo)注，不能實現(xiàn)多人對一條文字的多次標(biāo)注。

如申請?zhí)枮椋?01310732914.2的中國專利公開了一種網(wǎng)頁標(biāo)注方法及裝置，通過網(wǎng)頁服務(wù)器加載第一網(wǎng)頁；所述第一網(wǎng)頁加載標(biāo)注矢量圖層，接收用戶對所述第一網(wǎng)頁進行標(biāo)注所產(chǎn)生的第一網(wǎng)頁標(biāo)注數(shù)據(jù)，將所述第一網(wǎng)頁標(biāo)注數(shù)據(jù)轉(zhuǎn)換為標(biāo)注矢量數(shù)據(jù)，并將所述標(biāo)注矢量數(shù)據(jù)繪制到所述標(biāo)注矢量圖層；將繪制所述標(biāo)注矢量數(shù)據(jù)之后的標(biāo)注矢量圖層與所述第一網(wǎng)頁進行疊加，以實現(xiàn)第一網(wǎng)頁上顯示所述第一網(wǎng)頁標(biāo)注數(shù)據(jù)。該申請通過設(shè)置矢量圖層進行標(biāo)注，標(biāo)記內(nèi)容和原內(nèi)容分離，無法確保標(biāo)記的正確和有效性。

又如申請?zhí)枮椋?01310376513.8的中國專利公開了一種網(wǎng)頁標(biāo)注方法和裝置，接收針對網(wǎng)頁上任何區(qū)域的標(biāo)注內(nèi)容，并確定所述標(biāo)注內(nèi)容在網(wǎng)頁上的標(biāo)注區(qū)域；建立包含所述標(biāo)注內(nèi)容和所述標(biāo)注區(qū)域的標(biāo)簽，并保存所述標(biāo)簽，其中，保存所述標(biāo)簽包括：建立網(wǎng)頁地址與標(biāo)簽標(biāo)識的映射關(guān)系，并建立標(biāo)簽標(biāo)識與標(biāo)簽中標(biāo)注內(nèi)容和標(biāo)注區(qū)域的映射關(guān)系，保存所述映射關(guān)系，當(dāng)展示所述標(biāo)簽時，將所述標(biāo)簽對應(yīng)的標(biāo)注區(qū)域展示在網(wǎng)頁上。該申請通過建立網(wǎng)頁地址與標(biāo)簽標(biāo)識的映射關(guān)系，該映射關(guān)系一一對應(yīng)，不能根據(jù)不同用戶的需求進行適當(dāng)?shù)脑鲈O(shè)，適用范圍比較小，用戶體驗不佳。

技術(shù)實現(xiàn)要素：

為克服現(xiàn)有技術(shù)中存在的無法實現(xiàn)在同一內(nèi)容區(qū)域不同狀態(tài)下的標(biāo)注，標(biāo)記內(nèi)容和原內(nèi)容分離，無法確保標(biāo)記的正確和有效性等問題，本發(fā)明提供了一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法及系統(tǒng)。

具體技術(shù)方案如下：

一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法，

步驟1：創(chuàng)建狀態(tài)變更觸發(fā)裝置和原始狀態(tài)樹，所述狀態(tài)變更觸發(fā)裝置用于監(jiān)聽系統(tǒng)是否有輸入事件，所述原始狀態(tài)樹根據(jù)動態(tài)內(nèi)容依次預(yù)存有多個節(jié)點；

步驟2：當(dāng)狀態(tài)變更觸發(fā)裝置監(jiān)聽到系統(tǒng)有輸入事件時，系統(tǒng)根據(jù)內(nèi)容的變化量將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，在該節(jié)點處用戶進行批注并保存；

步驟3：狀態(tài)樹形成標(biāo)注內(nèi)容索引，并顯示；

步驟4：根據(jù)內(nèi)容索引進行狀態(tài)切換和顯示。

在此基礎(chǔ)上，所述步驟2的具體步驟為：

步驟21：系統(tǒng)根據(jù)內(nèi)容的變化量，生成狀態(tài)ID；

步驟22：匹配狀態(tài)ID與狀態(tài)樹中的預(yù)存節(jié)點，若匹配成功，則將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，若匹配不成功，則將該狀態(tài)ID添加到當(dāng)前狀態(tài)ID的子節(jié)點中，并將當(dāng)前狀態(tài)指針切換至該子節(jié)點處；

步驟23：用戶在相應(yīng)節(jié)點處進行批注，并保存。

在此基礎(chǔ)上，所述步驟21中通過對變更的內(nèi)容進行哈希計算得到狀態(tài)ID。

在此基礎(chǔ)上，步驟23還包括：

步驟231：將用戶的操作范圍與狀態(tài)ID所指向的范圍內(nèi)容進行對比；

步驟232：若用戶的操作范圍與狀態(tài)ID所指向的范圍內(nèi)容一致，則將標(biāo)注的內(nèi)容記錄到狀態(tài)ID所指向的標(biāo)注內(nèi)容存儲區(qū)域，若用戶的操作范圍超出狀態(tài)ID所指向的范圍內(nèi)容，則繼續(xù)查找狀態(tài)ID的父狀態(tài)，直到查找到對應(yīng)的狀態(tài)ID后將標(biāo)注的內(nèi)容記錄到狀態(tài)ID所指向的標(biāo)注內(nèi)容存儲區(qū)域。

在此基礎(chǔ)上，所述步驟23中保存的具體方法為將狀態(tài)樹序列化為字符串，并使用注釋標(biāo)記保存到原內(nèi)容的尾部。

在此基礎(chǔ)上，所述步驟3中索引包括同一用戶不同狀態(tài)下的標(biāo)注和/或不同用戶同一狀態(tài)下的標(biāo)注。

在此基礎(chǔ)上，所述步驟4中通過索引進行狀態(tài)切換時，系統(tǒng)判斷變更的狀態(tài)區(qū)域，并將存儲在變更狀態(tài)ID的子狀態(tài)節(jié)點的標(biāo)注內(nèi)容隱藏。

在此基礎(chǔ)上，所述步驟4中通過索引再次打開動態(tài)內(nèi)容時，將狀態(tài)樹反序列化并顯示。

本發(fā)明還提供了一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的系統(tǒng)，包括狀態(tài)變更觸發(fā)裝置、第一計算模塊和第二計算模塊，所述第二計算模塊包括預(yù)存模塊、對比模塊、存儲模塊和顯示模塊，

所述狀態(tài)變更觸發(fā)裝置用于監(jiān)聽系統(tǒng)是否有輸入事件，所述第一計算模塊根據(jù)動態(tài)內(nèi)容的變化量計算出狀態(tài)ID；所述第二計算模塊將第一計算模塊中所得數(shù)據(jù)與預(yù)存模塊中的數(shù)據(jù)進行對比后進行狀態(tài)切換和顯示。

在此基礎(chǔ)上，所述預(yù)存模塊為彈性模塊，用于預(yù)存原始數(shù)據(jù)和自動增設(shè)新節(jié)點。

與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是：

1、本發(fā)明通過創(chuàng)建狀態(tài)變更觸發(fā)裝置和原始狀態(tài)樹；當(dāng)觸發(fā)裝置監(jiān)聽到系統(tǒng)有輸入事件時，系統(tǒng)根據(jù)內(nèi)容的變化量將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，在該節(jié)點處用戶進行批注并保存；狀態(tài)樹形成標(biāo)注內(nèi)容索引，并顯示；根據(jù)內(nèi)容索引進行狀態(tài)切換和顯示。本發(fā)明還提供了與該方法相對應(yīng)的系統(tǒng)，實現(xiàn)了在同一區(qū)域不同狀態(tài)下的標(biāo)注，確保了標(biāo)注的準確和有效性，且在狀態(tài)切換時會將部分內(nèi)容隱藏，不會造成網(wǎng)頁信息紊亂，用戶體驗較好，適宜于推廣。

2、本發(fā)明中匹配狀態(tài)ID與狀態(tài)樹中的預(yù)存節(jié)點，若匹配成功，則將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，若匹配不成功，則將該狀態(tài)ID添加到當(dāng)前狀態(tài)ID的子節(jié)點中，并將當(dāng)前狀態(tài)指針切換至該子節(jié)點處；本發(fā)明子使用過程中存在差異性，能夠適用于不同用戶的需求，且通過自動添加狀態(tài)節(jié)點，允許同一內(nèi)容進行多次批注，同時可以確保標(biāo)記的正確和有效性。

3、本發(fā)明中通過對變更的內(nèi)容進行哈希計算得到狀態(tài)ID，并將狀態(tài)ID與預(yù)存的節(jié)點進行遍歷，能夠保證用戶批注區(qū)域的準確無誤，易于之后的查看。

4、本發(fā)明中根據(jù)狀態(tài)ID均設(shè)置有對應(yīng)的標(biāo)注內(nèi)容存儲區(qū)域，方便管理，可以在查看相應(yīng)的標(biāo)注內(nèi)容時將其他無關(guān)內(nèi)容進行隱藏，不會造成頁面混亂，視覺效果不佳的問題，且通過索引將標(biāo)注內(nèi)容展示，方便查看，不需要用戶逐個點開，方便快捷。

附圖說明

圖1是本發(fā)明一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法的流程示意圖；

圖2是本發(fā)明一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法及系統(tǒng)的動態(tài)內(nèi)容標(biāo)記結(jié)構(gòu)示意圖；

圖3是本發(fā)明一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法及系統(tǒng)中標(biāo)記過程的流程示意圖；

圖4是本發(fā)明一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法及系統(tǒng)中標(biāo)記顯示過程的流程示意圖；

圖5是本發(fā)明一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的系統(tǒng)的結(jié)構(gòu)示意圖。

具體實施方式

以下結(jié)合附圖和實施例，對本發(fā)明進行進一步詳細說明。應(yīng)當(dāng)理解，此處所描述的具體實施例僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

本發(fā)明披露了一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的方法，可以對動態(tài)可交互的web內(nèi)容進行標(biāo)注和標(biāo)注顯示。如圖1所示，該方法包括以下步驟：

步驟1：創(chuàng)建狀態(tài)變更觸發(fā)裝置1和原始狀態(tài)樹，狀態(tài)變更觸發(fā)裝置1用于監(jiān)聽系統(tǒng)是否有輸入事件，該狀態(tài)變更觸發(fā)裝置1對應(yīng)動態(tài)內(nèi)容進行設(shè)置，每改變一次動態(tài)內(nèi)容，均會觸發(fā)該裝置。該裝置設(shè)置有多個I/O輸入口，每個輸入口均與原始狀態(tài)對應(yīng)設(shè)置，該觸發(fā)裝置監(jiān)聽I/O輸入口，根據(jù)IO內(nèi)容進行判斷，原始狀態(tài)發(fā)生變化時，觸發(fā)對應(yīng)的I/O輸入口，進而觸發(fā)該裝置。原始狀態(tài)樹根據(jù)動態(tài)內(nèi)容依次預(yù)存有多個節(jié)點。如圖2所示，為動態(tài)內(nèi)容標(biāo)記結(jié)構(gòu)的示意圖，左側(cè)為原內(nèi)容，右側(cè)為狀態(tài)樹，狀態(tài)樹與原內(nèi)容一致設(shè)置有對應(yīng)節(jié)點，節(jié)點與內(nèi)容關(guān)聯(lián)，有多少種內(nèi)容組合就有多少節(jié)點。

步驟2：當(dāng)狀態(tài)變更觸發(fā)裝置1監(jiān)聽到系統(tǒng)有輸入事件時，系統(tǒng)根據(jù)內(nèi)容的變化量將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，在該節(jié)點處用戶進行批注并保存，內(nèi)容的變化量即為系統(tǒng)根據(jù)I/O輸入輸出口的變化得出，原始狀態(tài)樹即為所有狀態(tài)內(nèi)容，內(nèi)容變化時可能是樹干變動，也可能是樹枝變動，即為內(nèi)容的變化量。

步驟2的具體如下：

步驟21：系統(tǒng)根據(jù)內(nèi)容的變化量，生成狀態(tài)ID，優(yōu)選地，通過對變更的內(nèi)容進行哈希計算得到狀態(tài)ID。本發(fā)明中通過對變更的內(nèi)容進行哈希計算得到狀態(tài)ID，并將狀態(tài)ID與預(yù)存的節(jié)點進行遍歷，能夠保證用戶批注區(qū)域的準確無誤，易于之后的查看。

步驟22：匹配狀態(tài)ID與狀態(tài)樹中的預(yù)存節(jié)點，即通過遍歷狀態(tài)樹中的預(yù)存節(jié)點，并將預(yù)存節(jié)點與狀態(tài)ID進行對比，優(yōu)選地，狀態(tài)ID是預(yù)存節(jié)點的索引，節(jié)點內(nèi)容哈希計算就是狀態(tài)ID，若匹配成功，則將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，若匹配不成功，則將該狀態(tài)ID添加到當(dāng)前狀態(tài)ID的子節(jié)點中，并將當(dāng)前狀態(tài)指針切換至該子節(jié)點處；如圖2所示，當(dāng)原內(nèi)容的某個節(jié)點，如節(jié)點1-2-1內(nèi)容發(fā)生變化時，即單點狀態(tài)下發(fā)生變化，則對應(yīng)狀態(tài)樹中的節(jié)點1-2-1，若在狀態(tài)樹中沒有與該狀態(tài)節(jié)點相對應(yīng)的節(jié)點，則由狀態(tài)樹自動生成節(jié)點與之對應(yīng)，又如多個節(jié)點發(fā)生變化時，即組合狀態(tài)下發(fā)生變化，相對應(yīng)的狀態(tài)樹在當(dāng)前狀態(tài)下自動增設(shè)節(jié)點1-2-2與之對應(yīng)，本發(fā)明中多個同級節(jié)點變更也會產(chǎn)生新的狀態(tài)ID。本發(fā)明子使用過程中存在差異性，能夠適用于不同用戶的需求，且通過自動添加狀態(tài)節(jié)點，允許同一內(nèi)容進行多次批注，同時可以確保標(biāo)記的正確和有效性。

步驟23：用戶在相應(yīng)節(jié)點處進行批注，并保存。優(yōu)選地，步驟23還包括：步驟231：將用戶的操作范圍與狀態(tài)ID所指向的范圍內(nèi)容進行對比；步驟232：若用戶的操作范圍與狀態(tài)ID所指向的范圍內(nèi)容一致，則將標(biāo)注的內(nèi)容記錄到狀態(tài)ID所指向的標(biāo)注內(nèi)容存儲區(qū)域，若用戶的操作范圍超出狀態(tài)ID所指向的范圍內(nèi)容，則繼續(xù)查找狀態(tài)ID的父狀態(tài)(任何動態(tài)內(nèi)容都有一個初始化的頂級狀態(tài)ID)，直到查找到對應(yīng)的狀態(tài)ID后將標(biāo)注的內(nèi)容記錄到狀態(tài)ID所指向的標(biāo)注內(nèi)容存儲區(qū)域。優(yōu)選地，步驟23中保存的具體方法為將狀態(tài)樹序列化為字符串，并使用注釋標(biāo)記保存到原內(nèi)容的尾部。本發(fā)明中根據(jù)狀態(tài)ID均設(shè)置有對應(yīng)的標(biāo)注內(nèi)容存儲區(qū)域，方便管理，可以在查看相應(yīng)的標(biāo)注內(nèi)容時將其他無關(guān)內(nèi)容進行隱藏，不會造成頁面混亂，視覺效果不佳的問題，且通過索引將標(biāo)注內(nèi)容展示，方便查看，不需要用戶逐個點開，方便快捷。

步驟3：狀態(tài)樹形成標(biāo)注內(nèi)容索引，并顯示；步驟3中索引包括同一用戶不同狀態(tài)下的標(biāo)注和/或不同用戶同一狀態(tài)下的標(biāo)注，即同一個用戶針對不同內(nèi)容的標(biāo)注和相同內(nèi)容不同用戶的標(biāo)注均由索引列出。

步驟4：根據(jù)內(nèi)容索引進行狀態(tài)切換和顯示。步驟4中通過索引進行狀態(tài)切換時，系統(tǒng)判斷變更的狀態(tài)區(qū)域，并將存儲在變更狀態(tài)ID的子狀態(tài)節(jié)點的標(biāo)注內(nèi)容隱藏。不同用戶可以對相同內(nèi)容進行多次標(biāo)注，且多次標(biāo)注內(nèi)容不會相互覆蓋，不會混亂，便于查看。步驟4中通過索引再次打開動態(tài)內(nèi)容時，將狀態(tài)樹反序列化并顯示。序列化即為二進制對象轉(zhuǎn)字符串，而反序列化即為字符串轉(zhuǎn)二進制。當(dāng)用戶通過索引再次打開動態(tài)內(nèi)容時，系統(tǒng)會自動檢測標(biāo)注注釋標(biāo)記是否存在，存在則取出狀態(tài)樹并通過反序列化進行顯示，期間，系統(tǒng)會通過渲染將標(biāo)注直接顯示，方便快捷。

工作過程：

如圖3所示為用戶標(biāo)注的流程示意圖，首先在動態(tài)文件中創(chuàng)建狀態(tài)樹和狀態(tài)變更觸發(fā)裝置1，狀態(tài)變更觸發(fā)裝置1實時監(jiān)聽是否存在輸入事件，即內(nèi)容樹是否有變更。當(dāng)監(jiān)聽到有輸入事件時，判斷UI是否變更，若沒有變更，則視為無操作；若UI發(fā)生變更，則對變更的內(nèi)容進行哈希計算得到狀態(tài)ID，檢測狀態(tài)ID是否已經(jīng)存在，若存在，則更改狀態(tài)指針到當(dāng)前狀態(tài)ID；若不存在，則新增狀態(tài)ID到狀態(tài)樹，然后更改狀態(tài)指正到當(dāng)前狀態(tài)ID。狀態(tài)指針更改后，用戶開始標(biāo)注，并將用戶的標(biāo)注內(nèi)容添加到當(dāng)前狀態(tài)節(jié)點。

如圖4所示為用戶標(biāo)注顯示的流程示意圖，將動態(tài)文件中的內(nèi)容和狀態(tài)樹進行序列化，當(dāng)狀態(tài)變更觸發(fā)裝置1監(jiān)聽到有輸入事件時，根據(jù)用戶操作判斷UI是否發(fā)生變更，若沒有變更，則視為無操作，若發(fā)生變更，則對變更的內(nèi)容進行哈希計算得到狀態(tài)ID，檢測狀態(tài)ID是否已經(jīng)存在，若不存在，是視為無操作，若存在則讀取狀態(tài)ID節(jié)點的標(biāo)注內(nèi)容，將標(biāo)注內(nèi)容通過反序列化顯示給用戶，其他無關(guān)的標(biāo)注內(nèi)容均隱藏。

本發(fā)明還披露了一種對動態(tài)內(nèi)容進行標(biāo)注和顯示的系統(tǒng)，如圖5所示，包括狀態(tài)變更觸發(fā)裝置1、第一計算模塊2和第二計算模塊3，第二計算模塊3包括預(yù)存模塊31、對比模塊32、存儲模塊33和顯示模塊34，

狀態(tài)變更觸發(fā)裝置1用于用于監(jiān)聽系統(tǒng)是否有輸入事件，第一計算模塊2根據(jù)動態(tài)內(nèi)容的變化量計算出狀態(tài)ID；第二計算模塊3將第一計算模塊2中所得數(shù)據(jù)與預(yù)存模塊31中的數(shù)據(jù)進行對比后進行狀態(tài)切換和顯示。預(yù)存模塊31為彈性模塊，用于預(yù)存原始數(shù)據(jù)和自動增設(shè)新節(jié)點，對比模塊32用于對比第一計算模塊2中計算得出的狀態(tài)ID與第二計算模塊3中的預(yù)存模塊31的預(yù)存節(jié)點，所述存儲模塊33用于存儲用戶的標(biāo)注內(nèi)容數(shù)據(jù)，所述顯示模塊34用于調(diào)取用戶的標(biāo)注內(nèi)容并將標(biāo)注內(nèi)容進行顯示。

系統(tǒng)工作過程如下：

(1)狀態(tài)變更觸發(fā)裝置1檢測到系統(tǒng)有輸入事件，并判斷是否為有效操作，若有效則觸發(fā)該裝置和第一計算模塊2，第一計算模塊2根據(jù)動態(tài)內(nèi)容的變化量通過哈希算法計算出狀態(tài)ID，并由第二計算模塊3中的對比模塊32，將該狀態(tài)ID與預(yù)存模塊31中的預(yù)存數(shù)據(jù)進行對比，若該狀態(tài)ID已經(jīng)存在，則允許用戶在存儲模塊33對相應(yīng)內(nèi)容進行批注，若該狀態(tài)ID不存在，則在預(yù)存模塊31中就當(dāng)前狀態(tài)ID下添加子節(jié)點，并允許用戶在存儲模塊33對相應(yīng)內(nèi)容進行批注。用戶批注后存儲模塊33將存儲內(nèi)容進行序列化存儲。

(2)當(dāng)狀態(tài)變更觸發(fā)裝置1檢測到系統(tǒng)有輸入事件，并判斷是否為有效操作，若有效若有效則觸發(fā)該裝置和第一計算模塊2，第一計算模塊2根據(jù)動態(tài)內(nèi)容的變化量通過哈希算法計算出狀態(tài)ID，并由第二計算模塊3中的對比模塊32，將該狀態(tài)ID與預(yù)存模塊31中的預(yù)存數(shù)據(jù)進行對比，若該狀態(tài)ID已經(jīng)存在，則顯示模塊34讀取該狀態(tài)ID，并提取該狀態(tài)ID節(jié)點的標(biāo)注內(nèi)容，通過反序列化進行顯示；若該狀態(tài)ID不存在，則視為無操作。

本發(fā)明通過創(chuàng)建狀態(tài)變更觸發(fā)裝置1和原始狀態(tài)樹；當(dāng)觸發(fā)裝置1監(jiān)聽到系統(tǒng)有輸入事件時，系統(tǒng)根據(jù)內(nèi)容的變化量將當(dāng)前狀態(tài)指針切換至原始狀態(tài)樹相應(yīng)節(jié)點，在該節(jié)點處用戶進行批注并保存；狀態(tài)樹形成標(biāo)注內(nèi)容索引，并顯示；根據(jù)內(nèi)容索引進行狀態(tài)切換和顯示。本發(fā)明還提供了與該方法相對應(yīng)的系統(tǒng)，實現(xiàn)了在同一區(qū)域不同狀態(tài)下的標(biāo)注，確保了標(biāo)注的準確和有效性，且在狀態(tài)切換時會將部分內(nèi)容隱藏，不會造成網(wǎng)頁信息紊亂，用戶體驗較好，適宜于推廣。

上述說明示出并描述了本發(fā)明的優(yōu)選實施例，如前所述，應(yīng)當(dāng)理解本發(fā)明并非局限于本文所披露的形式，不應(yīng)看作是對其他實施例的排除，而可用于各種其他組合、修改和環(huán)境，并能夠在本文所述發(fā)明構(gòu)想范圍內(nèi)，通過上述教導(dǎo)或相關(guān)領(lǐng)域的技術(shù)或知識進行改動。而本領(lǐng)域人員所進行的改動和變化不脫離本發(fā)明的精神和范圍，則都應(yīng)在本發(fā)明所附權(quán)利要求的保護范圍內(nèi)。