一種重組Html結(jié)構(gòu)并通過鼠標(biāo)點(diǎn)擊獲取Html組件的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁處理技術(shù)領(lǐng)域，具體涉及一種重組Html結(jié)構(gòu)并通過鼠標(biāo)點(diǎn)擊獲取Html組件的方法。
【背景技術(shù)】
[0002]隨著Web萬維網(wǎng)的發(fā)展與普及，越來越多數(shù)據(jù)信息都通過Html組件的形式在網(wǎng)絡(luò)上展示與傳播，但用戶在使用這些Html組件時(shí)，只能被動地接收服務(wù)器上展示的最終結(jié)果，而無法對展示的數(shù)據(jù)進(jìn)行獲取或修改，這樣對有些應(yīng)用來說，比較難以利用網(wǎng)上現(xiàn)有的數(shù)據(jù)來用于展示或獲取。

【發(fā)明內(nèi)容】

[0003]本發(fā)明解決的技術(shù)問題是提供一種重組Html結(jié)構(gòu)并通過鼠標(biāo)點(diǎn)擊獲取Html組件的方法；通過重組Web頁面的Html結(jié)構(gòu)，從而為頁面上獲取Html組件提供一種快捷方便的方式，此方式可廣泛應(yīng)用于對原Html結(jié)構(gòu)進(jìn)行展示或重組的Web獲取技術(shù)上，特別用于獲取Html頁面數(shù)據(jù)的相關(guān)系統(tǒng)設(shè)計(jì)中。
[0004]本發(fā)明解決上述技術(shù)問題的技術(shù)方案是:
[0005]所述的方法包括以下步驟:
[0006]步驟一、輸入要獲取Html組件的頁面Url ；
[0007]步驟二、把頁面Url傳到后臺進(jìn)行整體Html結(jié)構(gòu)獲取，并在Html中增加Css、Javascript對Html進(jìn)行重組；
[0008]步驟三、把重組后的Html傳輸?shù)角芭_，通過彈出的Div組件進(jìn)行展示；
[0009]步驟四、在彈出的Div組件上，通過鼠標(biāo)移動，重組后的Html通過增加的Javascript判斷鼠標(biāo)位置，改變鼠標(biāo)所在的Html組件的背景顏色，背景顏色為增加的Css所定義；
[0010]步驟五、當(dāng)鼠標(biāo)移動到最終的Html組件上時(shí)，背景顏色進(jìn)行改變，當(dāng)點(diǎn)擊鼠標(biāo)左鍵時(shí)，通過Javascript返回點(diǎn)擊所在的Html組件，最終輸出點(diǎn)擊獲取的Html結(jié)果。
[0011]所述的步驟一中，在獲取Html組件前，需獲取頁面的完整Url并用于輸入。
[0012]所述的步驟二中，通過輸入的頁面Url獲取頁面的整體Html結(jié)構(gòu)，頁面的整體Html結(jié)構(gòu)通過Jsoup第三方開源控件獲取，同時(shí)通過組織為Document對象后，在其中的Head開頭加入Css與Javascript，完成對Html組件的重組。
[0013]所述的步驟三中，把重組后的整體Html組件傳輸?shù)角芭_，通過Div組件彈出窗口進(jìn)行展示，用于頁面的查看，鼠標(biāo)可進(jìn)行移動與點(diǎn)擊。
[0014]所述的步驟四中，鼠標(biāo)在彈出的Div組件上移動時(shí)，通過增加的Javascript判斷鼠標(biāo)在各Html組件上的移進(jìn)與移出事件，對鼠標(biāo)的移動做出各Html組件的背景顏色的變化，展示給用戶鼠標(biāo)所在的Html組件；鼠標(biāo)在移進(jìn)與移出事件上，需要判斷所在的Html是否存在嵌套，如果是需要獲取最底層的Html組件進(jìn)行背景顏色的改變。
[0015]所述的步驟五中，當(dāng)鼠標(biāo)移動到要獲取的Html組件上時(shí)，Html組件改變背景顏色，當(dāng)點(diǎn)擊鼠標(biāo)左鍵時(shí)通過Javascript返回該Html組件的Html結(jié)構(gòu)，用于相關(guān)系統(tǒng)的使用；此時(shí)，Javascript需判斷點(diǎn)擊的組件是否存在嵌套，如果有嵌套多個Html組件時(shí)，需返回最底層的Html組件；也可通過返回多個Html組件的方式，由操作人員選擇。
[0016]重組Html結(jié)構(gòu)的Css組件，需要定義為可明顯展示與原Html結(jié)構(gòu)的區(qū)別，當(dāng)改變背景顏色時(shí)可明顯對各Html組件進(jìn)行區(qū)分；Css組件的背景顏色通過Javascript進(jìn)行增加或去除；
[0017]重組Html結(jié)構(gòu)的Javascript，需增加鼠標(biāo)移進(jìn)移出各Html組件時(shí)改變Html組件的背景顏色的方法，主要是通過重構(gòu)MouseOut與Mouseln方法。
[0018]本發(fā)明方法通過用戶輸入Html組件的源Url，傳輸?shù)胶笈_進(jìn)行重組后，展示在Div組件上，用于用戶的Html組件的展示與獲取，方便特殊的應(yīng)用提高系統(tǒng)的操作友好性，例如網(wǎng)上數(shù)據(jù)截取時(shí)，要定義截取的數(shù)據(jù)區(qū)域塊，一般的方法是通過分析Html源代碼，獲取數(shù)據(jù)區(qū)域塊的開始標(biāo)識與結(jié)束標(biāo)識，但這對于不懂Html語言的人來是，此方法很難操作；通過本發(fā)明方法，可以在Div組件上使用鼠標(biāo)移動進(jìn)行選擇要獲取的數(shù)據(jù)區(qū)域塊，同時(shí)點(diǎn)擊鼠標(biāo)左鍵后，可直接返回所在的數(shù)據(jù)區(qū)域塊，并用于設(shè)置開始標(biāo)識與結(jié)束標(biāo)識，大大方便了用戶的操作，提高了系統(tǒng)操作的友好性，使系統(tǒng)的使用更加方便快捷。本發(fā)明通過重組Html結(jié)構(gòu)，從而提供一個方便快捷獲取Html組件的方式，可廣泛應(yīng)用于對原Html結(jié)構(gòu)進(jìn)行展示或重組的Web獲取技術(shù)上，特別用于獲取Html頁面數(shù)據(jù)的相關(guān)系統(tǒng)設(shè)計(jì)中，為對原來的Html結(jié)構(gòu)的重組提供一個解決方案。
【附圖說明】
[0019]下面結(jié)合附圖對本發(fā)明進(jìn)一步說明:
[0020]圖1是本發(fā)明系統(tǒng)流程圖；
【具體實(shí)施方式】
[0021]如圖1所示，本發(fā)明具體包含以下幾個步驟:
[0022]步驟一、把系統(tǒng)部署在Tomcat上，配置好相關(guān)屬性，運(yùn)行整個系統(tǒng)；
[0023]步驟二、輸入要進(jìn)行獲取Html組件的Web頁面的RUL，并傳輸?shù)胶笈_；
[0024]步驟三、后臺通過Jsoup控件進(jìn)行下載，并形成Document對象；
[0025]步驟四、在Document對象上增加背景顏色Css、鼠標(biāo)移進(jìn)移出Javascript，并把最終的重組Html傳輸?shù)角芭_；
[0026]步驟五、通過一個彈出的Div組件對重組后的Html結(jié)構(gòu)進(jìn)行展示；
[0027]步驟六、鼠標(biāo)在展示的Html結(jié)構(gòu)上進(jìn)行移動時(shí)，通過Javascript進(jìn)行控制并改變所在的Html組件的背景顏色；
[0028]步驟七、當(dāng)鼠標(biāo)固定在一個特定的Html組件上時(shí)，點(diǎn)擊鼠標(biāo)左鍵，系統(tǒng)返回點(diǎn)擊的Html組件。
[0029]更具體而言，在獲取Html組件前，需獲取頁面的完整Url并用于輸入。
[0030]通過輸入的頁面Url獲取頁面的整體Html結(jié)構(gòu)，頁面的整體Html結(jié)構(gòu)通過Jsoup第三方開源控件獲取，同時(shí)通過組織為Document對象后，在其中的Head開頭加入Css與Javascript，完成對Html組件的重組。
[0031]把重組后的整體Html組件傳輸?shù)角芭_，通過Div組件彈出窗口進(jìn)行展示，用于頁面的查看，鼠標(biāo)可進(jìn)行移動與點(diǎn)擊。
[0032]鼠標(biāo)在彈出的Div組件上移動時(shí)，通過增加的Javascript判斷鼠標(biāo)在各Html組件上的移進(jìn)與移出事件，對鼠標(biāo)的移動做出各Html組件的背景顏色的變化，展示給用戶鼠標(biāo)所在的Html組件；鼠標(biāo)在移進(jìn)與移出事件上，需要判斷所在的