專(zhuān)利名稱(chēng)：一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法
技術(shù)領(lǐng)域：
本發(fā)明屬于網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法。
背景技術(shù)：
目前，現(xiàn)有進(jìn)行網(wǎng)頁(yè)區(qū)塊剪取只能剪取一級(jí)頁(yè)面，即只能剪取用戶首頁(yè)打開(kāi)的網(wǎng)頁(yè)。如果用戶想先打開(kāi)一個(gè)引導(dǎo)頁(yè)，而想剪取的頁(yè)面是引導(dǎo)頁(yè)面點(diǎn)進(jìn)去的頁(yè)面，則無(wú)法實(shí)現(xiàn)網(wǎng)頁(yè)剪取。例如，用戶打開(kāi)新浪首頁(yè)，此時(shí)用戶沒(méi)有網(wǎng)頁(yè)剪取的意愿，而在點(diǎn)擊至某個(gè)新聞頁(yè)面后產(chǎn)生了剪取意愿，此時(shí)需要進(jìn)行網(wǎng)頁(yè)剪取，目前的網(wǎng)頁(yè)剪取技術(shù)無(wú)法實(shí)現(xiàn)上述網(wǎng)頁(yè)的剪取。因此，目前的網(wǎng)頁(yè)剪取技術(shù)無(wú)法符合用戶的操作習(xí)慣，會(huì)影響用戶體驗(yàn)。

發(fā)明內(nèi)容
本發(fā)明提供一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法，以解決上述問(wèn)題。本發(fā)明提供一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法。上述方法包括以下步驟用戶于源網(wǎng)頁(yè)的輸入控件輸入網(wǎng)址，源網(wǎng)頁(yè)創(chuàng)建網(wǎng)頁(yè)框架以加載顯示所述網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)A ；所述網(wǎng)頁(yè)A調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)A的信息；于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api在所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架顯示該鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B ；所述網(wǎng)頁(yè)B調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)B的信息；當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api進(jìn)行網(wǎng)頁(yè)剪取及保存操作。相較于先前技術(shù)，根據(jù)本發(fā)明提供的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api可以實(shí)現(xiàn)網(wǎng)頁(yè)A或者網(wǎng)頁(yè)A的子頁(yè)面的剪取。于本發(fā)明中，當(dāng)用戶需要進(jìn)行網(wǎng)頁(yè)剪取時(shí)，再主動(dòng)觸發(fā)網(wǎng)頁(yè)剪取功能進(jìn)行剪取，確保用戶能正常進(jìn)行網(wǎng)頁(yè)剪取操作。如此， 網(wǎng)頁(yè)區(qū)塊剪取不局限于單個(gè)頁(yè)面，用戶可以根據(jù)自己的需求選擇網(wǎng)頁(yè)進(jìn)行網(wǎng)頁(yè)區(qū)塊剪取， 提高了用戶體驗(yàn)。而且，本發(fā)明實(shí)現(xiàn)的網(wǎng)頁(yè)多層次區(qū)塊剪取方法完全基于網(wǎng)頁(yè)實(shí)現(xiàn)，無(wú)需下載任何插件，方便、快捷、高效，能夠在視頻會(huì)議、遠(yuǎn)程教育等嵌入使用，應(yīng)用范圍廣泛。


此處所說(shuō)明的附圖用來(lái)提供對(duì)本發(fā)明的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本發(fā)明的示意性實(shí)施例及其說(shuō)明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中圖1所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的網(wǎng)頁(yè)多層次區(qū)塊剪取方法的流程圖。
具體實(shí)施例方式下文中將參考附圖并結(jié)合實(shí)施例來(lái)詳細(xì)說(shuō)明本發(fā)明。需要說(shuō)明的是，在不沖突的情況下，本申請(qǐng)中的實(shí)施例及實(shí)施例中的特征可以相互組合。圖1所示為根據(jù)本發(fā)明的較佳實(shí)施例提供的網(wǎng)頁(yè)多層次區(qū)塊剪取方法的流程圖。 如圖ι所示，本發(fā)明較佳實(shí)施例提供的網(wǎng)頁(yè)多層次區(qū)塊剪取方法包括步驟101 105。于步驟101，用戶于源網(wǎng)頁(yè)的輸入控件輸入網(wǎng)址，源網(wǎng)頁(yè)創(chuàng)建網(wǎng)頁(yè)框架以加載顯示所述網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)A。具體而言，用戶打開(kāi)源網(wǎng)頁(yè)，在源網(wǎng)頁(yè)的輸入控件(例如，文本框) 中輸入網(wǎng)址(例如,www. sina. com)，源網(wǎng)頁(yè)通過(guò)document. createElement方法創(chuàng)建網(wǎng)頁(yè)框架(例如，用ifr表示)，將所述網(wǎng)頁(yè)框架的src賦值為所述網(wǎng)址，并將所述網(wǎng)頁(yè)框架添加到源網(wǎng)頁(yè)中。如此，所述網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)A可在源網(wǎng)頁(yè)加載顯示。于步驟102，所述網(wǎng)頁(yè)A調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)A的信息。于本實(shí)施例中，網(wǎng)頁(yè)多層次區(qū)塊剪取api用于在網(wǎng)頁(yè)加載完成后自動(dòng)生成網(wǎng)頁(yè)框架m，并將網(wǎng)頁(yè)框架m的src屬性設(shè)置為網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面，并用于將所述網(wǎng)頁(yè)框架m添加至所述網(wǎng)頁(yè)；所述網(wǎng)頁(yè)多層次區(qū)塊剪取api用于將所述網(wǎng)頁(yè)中的所有鏈接附加上one 1 ick事件；用于通過(guò)改變所述網(wǎng)頁(yè)框架m的src屬性將所述網(wǎng)頁(yè)的信息以URL參數(shù)形式傳遞至網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面，網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面通過(guò) parent, parent調(diào)用源網(wǎng)頁(yè)的網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)函數(shù)以保存所述網(wǎng)頁(yè)的信息。 其中，網(wǎng)頁(yè)多層次區(qū)塊剪取api用于將所述網(wǎng)頁(yè)中的所有鏈接附加上onclick事件后，用戶點(diǎn)擊所述網(wǎng)頁(yè)中的任何鏈接均只執(zhí)行此鏈接的onclick事件，并不會(huì)進(jìn)行相關(guān)的跳轉(zhuǎn)， onclick事件會(huì)向網(wǎng)頁(yè)多層次區(qū)塊剪取api的回調(diào)頁(yè)面?zhèn)魅胨|發(fā)onclick事件的鏈接的地址。另外，當(dāng)所加載網(wǎng)頁(yè)需要調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存各種狀態(tài)時(shí)，通過(guò)改變網(wǎng)頁(yè)框架m的src屬性將網(wǎng)頁(yè)的信息以URL參數(shù)形式傳遞至網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面。例如，網(wǎng)頁(yè)框架m的src屬性可設(shè)置為http://{源網(wǎng)頁(yè)}/{網(wǎng)頁(yè)多層次區(qū)塊剪取api 回調(diào)地址} ？ url= {所加載網(wǎng)頁(yè)地址}&#(1讓={所加載網(wǎng)頁(yè)寬度}紐&8社={所加載網(wǎng)頁(yè)高度}。如此，網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面加載時(shí)通過(guò)解決URL的url、width、 height三個(gè)參數(shù)值得到所加載網(wǎng)頁(yè)的信息。由于網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面同源網(wǎng)頁(yè)是一個(gè)域名，所以網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面通過(guò)parent, parent調(diào)用源網(wǎng)頁(yè)的網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)函數(shù)，并傳入所獲取到的url、width、height值，由源網(wǎng)頁(yè)進(jìn)行保存。具體而言，當(dāng)源網(wǎng)頁(yè)中的網(wǎng)頁(yè)框架加載網(wǎng)頁(yè)A后，將網(wǎng)頁(yè)A的相關(guān)屬性傳入網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面中，源網(wǎng)頁(yè)通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api接收到網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面所傳遞的網(wǎng)頁(yè)A地址、網(wǎng)頁(yè)A寬度、網(wǎng)頁(yè)A高度參數(shù)后，保存至 javascript數(shù)組變量數(shù)組變量中，以備用戶進(jìn)行網(wǎng)頁(yè)剪取操作使用。于步驟103，于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api在所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架顯示該鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B。具體而言，當(dāng)用戶在網(wǎng)頁(yè)A上無(wú)剪取意愿時(shí)，用戶可點(diǎn)擊網(wǎng)頁(yè)A中的相關(guān)鏈接進(jìn)入相應(yīng)的網(wǎng)頁(yè)B。于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)， 通過(guò)重新加載網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面在URL中加入所述鏈接的鏈接地址參數(shù)， 網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面接收上述鏈接地址參數(shù)時(shí)，通過(guò)parent, parent調(diào)用源網(wǎng)頁(yè)的網(wǎng)頁(yè)多層次區(qū)塊剪取api函數(shù)改變?cè)淳W(wǎng)頁(yè)創(chuàng)建的網(wǎng)頁(yè)框架的src屬性，以加載所述鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B。于步驟104，所述網(wǎng)頁(yè)B調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)B的信息。于所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架加載所述網(wǎng)頁(yè)B后，網(wǎng)頁(yè)多層次區(qū)塊剪取api接收網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面所傳遞的所述網(wǎng)頁(yè)B的信息，并將所述網(wǎng)頁(yè)B的信息保存至javascript 數(shù)組變量中。關(guān)于網(wǎng)頁(yè)B的信息保存方式同網(wǎng)頁(yè)A的信息保存方式，故于此不再贅述。于步驟105，當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api進(jìn)行網(wǎng)頁(yè)剪取及保存操作。具體而言，當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，所述網(wǎng)頁(yè)多層次區(qū)塊剪取api重新加載網(wǎng)頁(yè)B并加上url參數(shù)cut = 1，所述網(wǎng)頁(yè)B加載完成后，通過(guò)獲取cut = 1 標(biāo)識(shí)，調(diào)用JavaScript函數(shù)為網(wǎng)頁(yè)B創(chuàng)建網(wǎng)頁(yè)框架B，并對(duì)所述網(wǎng)頁(yè)框架B進(jìn)行屬性設(shè)置， 并將所述網(wǎng)頁(yè)框架B添加到網(wǎng)頁(yè)B，為所述網(wǎng)頁(yè)框架B添加各種鼠標(biāo)事件以進(jìn)行區(qū)域選擇。 其中，所述網(wǎng)頁(yè)框架B的屬性設(shè)置為src設(shè)置為aboutblank、背景設(shè)置為透明、寬度為網(wǎng)頁(yè)B的寬度、高度為網(wǎng)頁(yè)B的高度、浮動(dòng)樣式、margin為0、padding為0、zlndex為網(wǎng)頁(yè)B 的最大zlndex加1。此外，當(dāng)用戶在網(wǎng)頁(yè)框架B完成區(qū)域選擇后，生成確定按鈕，用戶點(diǎn)擊確定按鈕后，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api向網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面?zhèn)魅胨羧【W(wǎng)頁(yè)的地址、剪取的區(qū)域?qū)挾?、剪取的區(qū)域高度、剪取區(qū)域的起點(diǎn)橫縱坐標(biāo)，網(wǎng)頁(yè)多層次區(qū)塊剪取 api回調(diào)頁(yè)面接收到傳遞信息后，將接收的信息傳遞給通過(guò)JavaScript的parent, parent 調(diào)用的源網(wǎng)頁(yè)JavaScript函數(shù)。源網(wǎng)頁(yè)接收到上述信息后，保存所剪取網(wǎng)頁(yè)的地址、剪取區(qū)域的起點(diǎn)橫縱坐標(biāo)、剪取的區(qū)域?qū)挾?、剪取的區(qū)域高度，并顯示所述剪取區(qū)域。具體而言， 進(jìn)行網(wǎng)頁(yè)剪取保存的設(shè)置例如為網(wǎng)頁(yè)框架的src屬性為所剪取網(wǎng)頁(yè)地址、paddingLeft為負(fù)剪取的橫坐標(biāo)、PaddingTop為負(fù)剪取的縱坐標(biāo)、width為剪取的寬度、height為剪取的高度，并將網(wǎng)頁(yè)框架添加到網(wǎng)頁(yè)中，從而實(shí)現(xiàn)對(duì)所剪取區(qū)塊的顯示等操作。另外，若用戶需在網(wǎng)頁(yè)A、網(wǎng)頁(yè)A的其他鏈接地址或者網(wǎng)頁(yè)B的鏈接地址相應(yīng)的網(wǎng)頁(yè)上進(jìn)行網(wǎng)頁(yè)剪取，其網(wǎng)頁(yè)剪取的具體過(guò)程同在網(wǎng)頁(yè)B上的剪取過(guò)程。故于此不再贅述。綜上所述，根據(jù)本發(fā)明較佳實(shí)施例提供的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api可以實(shí)現(xiàn)網(wǎng)頁(yè)A或者網(wǎng)頁(yè)A的子頁(yè)面的剪取。于本發(fā)明中，當(dāng)用戶需要進(jìn)行網(wǎng)頁(yè)剪取時(shí)，再主動(dòng)觸發(fā)網(wǎng)頁(yè)剪取功能進(jìn)行剪取，確保用戶能正常進(jìn)行網(wǎng)頁(yè)剪取操作。如此，網(wǎng)頁(yè)區(qū)塊剪取不局限于單個(gè)頁(yè)面，用戶可以根據(jù)自己的需求選擇網(wǎng)頁(yè)進(jìn)行網(wǎng)頁(yè)區(qū)塊剪取，提高了用戶體驗(yàn)。而且，本發(fā)明實(shí)現(xiàn)的網(wǎng)頁(yè)多層次區(qū)塊剪取方法完全基于網(wǎng)頁(yè)實(shí)現(xiàn)，無(wú)需下載任何插件，方便、快捷、高效，能夠在視頻會(huì)議、遠(yuǎn)程教育等嵌入使用，應(yīng)用范圍廣泛。以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對(duì)于本領(lǐng)域的技術(shù)人員來(lái)說(shuō)，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，包括以下步驟用戶于源網(wǎng)頁(yè)的輸入控件輸入網(wǎng)址，源網(wǎng)頁(yè)創(chuàng)建網(wǎng)頁(yè)框架以加載顯示所述網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)A ；所述網(wǎng)頁(yè)A調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)A的信息；于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api在所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架顯示該鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B ；所述網(wǎng)頁(yè)B調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)B的信息；當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api進(jìn)行網(wǎng)頁(yè)剪取及保存操作。
2.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，用戶打開(kāi)源網(wǎng)頁(yè)，在源網(wǎng)頁(yè)的輸入控件中輸入網(wǎng)址，源網(wǎng)頁(yè)通過(guò)document. createElement方法創(chuàng)建網(wǎng)頁(yè)框架， 將所述網(wǎng)頁(yè)框架的src賦值為所述網(wǎng)址，并將所述網(wǎng)頁(yè)框架添加到源網(wǎng)頁(yè)中。
3.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，所述網(wǎng)頁(yè)多層次區(qū)塊剪取api用于在網(wǎng)頁(yè)加載完成后自動(dòng)生成網(wǎng)頁(yè)框架m，并將網(wǎng)頁(yè)框架m的src屬性設(shè)置為網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面，并用于將所述網(wǎng)頁(yè)框架m添加至所述網(wǎng)頁(yè)；所述網(wǎng)頁(yè)多層次區(qū)塊剪取api用于將所述網(wǎng)頁(yè)中的所有鏈接附加上onclick事件；用于通過(guò)改變所述網(wǎng)頁(yè)框架m的src屬性將所述網(wǎng)頁(yè)的信息以URL參數(shù)形式傳遞至網(wǎng)頁(yè)多層次區(qū)塊剪取api 回調(diào)頁(yè)面，網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面通過(guò)parent, parent調(diào)用源網(wǎng)頁(yè)的網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)函數(shù)以保存所述網(wǎng)頁(yè)的信息。
4.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，于所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架加載所述網(wǎng)頁(yè)A后，所述網(wǎng)頁(yè)多層次區(qū)塊剪取api接收網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面所傳遞的所述網(wǎng)頁(yè)A的信息，并將所述網(wǎng)頁(yè)A的信息保存至javascript數(shù)組變量中。
5.根據(jù)權(quán)利要求3所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)，通過(guò)重新加載網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面在URL中加入所述鏈接的鏈接地址參數(shù)，網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面接收上述鏈接地址參數(shù)時(shí)，通過(guò)parent, parent調(diào)用源網(wǎng)頁(yè)的網(wǎng)頁(yè)多層次區(qū)塊剪取api函數(shù)改變?cè)淳W(wǎng)頁(yè)創(chuàng)建的網(wǎng)頁(yè)框架的src屬性，以加載所述鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B。
6.根據(jù)權(quán)利要求5所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，于所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架加載所述網(wǎng)頁(yè)B后，網(wǎng)頁(yè)多層次區(qū)塊剪取api接收網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面所傳遞的所述網(wǎng)頁(yè)B的信息，并將所述網(wǎng)頁(yè)B的信息保存至javascript數(shù)組變量中。
7.根據(jù)權(quán)利要求1所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，所述網(wǎng)頁(yè)多層次區(qū)塊剪取api重新加載網(wǎng)頁(yè)B并加上url參數(shù)cut = 1，所述網(wǎng)頁(yè)B加載完成后，通過(guò)獲取cut = 1標(biāo)識(shí)，調(diào)用JavaScript函數(shù)為網(wǎng)頁(yè)B創(chuàng)建網(wǎng)頁(yè)框架 B，并對(duì)所述網(wǎng)頁(yè)框架B進(jìn)行屬性設(shè)置，并將所述網(wǎng)頁(yè)框架B添加到網(wǎng)頁(yè)B，為所述網(wǎng)頁(yè)框架 B添加各種鼠標(biāo)事件以進(jìn)行區(qū)域選擇，當(dāng)用戶在網(wǎng)頁(yè)框架B完成區(qū)域選擇后，生成確定按鈕，用戶點(diǎn)擊確定按鈕后，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api向網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面?zhèn)魅胨羧【W(wǎng)頁(yè)的地址、剪取的區(qū)域?qū)挾?、剪取的區(qū)域高度、剪取區(qū)域的起點(diǎn)橫縱坐標(biāo)，網(wǎng)頁(yè)多層次區(qū)塊剪取api回調(diào)頁(yè)面接收到傳遞信息后，將接收的信息傳遞給通過(guò)JavaScript的parent, parent調(diào)用的源網(wǎng)頁(yè) JavaScript MWi^源網(wǎng)頁(yè)接收到上述信息后，保存所剪取網(wǎng)頁(yè)的地址、剪取區(qū)域的起點(diǎn)橫縱坐標(biāo)、剪取的區(qū)域?qū)挾?、剪取的區(qū)域高度，并顯示所述剪取區(qū)域。
8.根據(jù)權(quán)利要求7所述的網(wǎng)頁(yè)多層次區(qū)塊剪取方法，其特征在于，所述網(wǎng)頁(yè)框架B的屬性設(shè)置為src設(shè)置為aboutblank、背景設(shè)置為透明、寬度為網(wǎng)頁(yè)B的寬度、高度為網(wǎng)頁(yè) B的高度、浮動(dòng)樣式、margin為0、padding為0、zlndex為網(wǎng)頁(yè)B的最大zlndex加1。
全文摘要
本發(fā)明提供一種網(wǎng)頁(yè)多層次區(qū)塊剪取方法。上述方法包括以下步驟用戶于源網(wǎng)頁(yè)的輸入控件輸入網(wǎng)址，源網(wǎng)頁(yè)創(chuàng)建網(wǎng)頁(yè)框架以加載顯示所述網(wǎng)址對(duì)應(yīng)的網(wǎng)頁(yè)A；所述網(wǎng)頁(yè)A調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)A的信息；于所述網(wǎng)頁(yè)A上的鏈接被點(diǎn)擊時(shí)，通過(guò)網(wǎng)頁(yè)多層次區(qū)塊剪取api在所述源網(wǎng)頁(yè)的網(wǎng)頁(yè)框架顯示該鏈接對(duì)應(yīng)的網(wǎng)頁(yè)B；所述網(wǎng)頁(yè)B調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api保存所述網(wǎng)頁(yè)B的信息；當(dāng)在所述網(wǎng)頁(yè)B進(jìn)行區(qū)塊剪取時(shí)，調(diào)用網(wǎng)頁(yè)多層次區(qū)塊剪取api進(jìn)行網(wǎng)頁(yè)剪取及保存操作。
文檔編號(hào)G06F17/30GK102446224SQ20121000184
公開(kāi)日2012年5月9日 申請(qǐng)日期2012年1月5日 優(yōu)先權(quán)日2012年1月5日
發(fā)明者胡加明 申請(qǐng)人:蘇州闊地網(wǎng)絡(luò)科技有限公司