基于拖拽操作跨頁面調(diào)整對象位置的方法和裝置制造方法
【專利摘要】本發(fā)明提供了一種基于拖拽操作跨頁面調(diào)整對象位置的方法和裝置，包括：檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息；基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面；根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏第一頁面中的目標(biāo)對象。本發(fā)明提供了跨頁面間的目標(biāo)對象拖拽的解決方案，用戶可通過拖拽操作在不同頁面之間對目標(biāo)對象進行位置調(diào)整，實現(xiàn)了用戶跨頁面的個性化頁面設(shè)置，滿足不同用戶的不同操作習(xí)慣及需求，同時為用戶提供了實用便利的可視化拖拽操作體驗。
【專利說明】基于拖拽操作跨頁面調(diào)整對象位置的方法和裝置

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機【技術(shù)領(lǐng)域】，具體而言，本發(fā)明涉及基于拖拽操作跨頁面調(diào)整對象位置的方法和裝置。

【背景技術(shù)】
[0002]網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。網(wǎng)頁存放在與互聯(lián)網(wǎng)相連的網(wǎng)絡(luò)設(shè)備(如服務(wù)器)中。網(wǎng)頁經(jīng)由URL (Uniform/Universal Resource Locator,統(tǒng)一資源定位符)來識別與存取，當(dāng)用戶在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會被傳送到用戶所在的計算機，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，并展示在用戶眼前。
[0003]在實際的應(yīng)用中，對于同一頁面，可通過拖拽來對目標(biāo)對象進行位置調(diào)整，以實現(xiàn)用戶對于網(wǎng)頁的個性化設(shè)置，從而滿足不同用戶的不同操作習(xí)慣及需求。然而，上述技術(shù)效果無法在跨頁面的目標(biāo)對象調(diào)整中實現(xiàn)。


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

[0004]鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的一種基于拖拽操作跨頁面調(diào)整對象位置的方法，包括:
[0005]檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息；
[0006]基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面；
[0007]根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏第一頁面中的目標(biāo)對象。
[0008]本發(fā)明還提供了一種基于拖拽操作跨頁面調(diào)整對象位置的裝置，包括:
[0009]對象信息確定模塊，用于檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)彳目息；
[0010]傳遞模塊，用于基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面；
[0011]顯示模塊，用于根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏第一頁面中的目標(biāo)對象。
[0012]本實施例中，通過頁面間通信實現(xiàn)了將第一頁面中的目標(biāo)對象拖拽至第二頁面進行顯示，提供了跨頁面間的目標(biāo)對象拖拽的解決方案，用戶可通過拖拽操作在不同頁面之間對目標(biāo)對象進行位置調(diào)整，達成從第一頁面拖拽對象到第二頁面的平滑過渡視覺效果，實現(xiàn)了用戶跨頁面的個性化頁面設(shè)置，滿足不同用戶的不同操作習(xí)慣及需求，同時為用戶提供了實用便利的可視化拖拽操作體驗。
[0013]本發(fā)明附加的方面和優(yōu)點將在下面的描述中部分給出，這些將從下面的描述中變得明顯，或通過本發(fā)明的實踐了解到。

【專利附圖】

【附圖說明】
[0014]本發(fā)明上述的和/或附加的方面和優(yōu)點從下面結(jié)合附圖對實施例的描述中將變得明顯和容易理解，其中:
[0015]圖1為本發(fā)明中基于拖拽操作跨頁面調(diào)整對象位置的方法一個實施例的流程示意圖；
[0016]圖2為本發(fā)明中基于拖拽操作跨頁面調(diào)整對象位置的裝置一個實施例的結(jié)構(gòu)示意圖。

【具體實施方式】
[0017]下面詳細描述本發(fā)明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標(biāo)號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，僅用于解釋本發(fā)明，而不能解釋為對本發(fā)明的限制。
[0018]本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，除非特意聲明，這里使用的單數(shù)形式“一”、“一個”、“所述”和“該”也可包括復(fù)數(shù)形式。應(yīng)該進一步理解的是，本發(fā)明的說明書中使用的措辭“包括”是指存在所述特征、整數(shù)、步驟、操作、元件和/或組件，但是并不排除存在或添加一個或多個其他特征、整數(shù)、步驟、操作、元件、組件和/或它們的組。應(yīng)該理解，當(dāng)我們稱元件被“連接”或“耦接”到另一元件時，它可以直接連接或耦接到其他元件，或者也可以存在中間元件。此外，這里使用的“連接”或“耦接”可以包括無線連接或無線耦接。這里使用的措辭“和/或”包括一個或更多個相關(guān)聯(lián)的列出項的全部或任一單元和全部組合。
[0019]本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，除非另外定義，這里使用的所有術(shù)語(包括技術(shù)術(shù)語和科學(xué)術(shù)語)，具有與本發(fā)明所屬領(lǐng)域中的普通技術(shù)人員的一般理解相同的意義。還應(yīng)該理解的是，諸如通用字典中定義的那些術(shù)語，應(yīng)該被理解為具有與現(xiàn)有技術(shù)的上下文中的意義一致的意義，并且除非像這里一樣被特定定義，否則不會用理想化或過于正式的含義來解釋。
[0020]為了實現(xiàn)用戶對于網(wǎng)頁的個性化設(shè)置，允許通過簡單操作(如拖拽)來對不同頁面中的目標(biāo)對象進行位置調(diào)整，從而滿足不同用戶的不同操作習(xí)慣及需求，本發(fā)明的實施例提供了一種基于拖拽操作跨頁面調(diào)整對象位置的方法和裝置。
[0021]圖1為本發(fā)明中基于拖拽操作跨頁面調(diào)整對象位置的方法一個實施例的流程圖。
[0022]根據(jù)本發(fā)明的方法包括由用戶設(shè)備執(zhí)行的步驟S110、步驟S120和步驟S130。
[0023]其中，所述用戶設(shè)備包括但不限于任何一種可與用戶通過鍵盤、鼠標(biāo)、遙控器、觸摸板、或聲控設(shè)備等方式進行人機交互的電子產(chǎn)品，例如，個人計算機、平板電腦、智能手機、PDA等。
[0024]步驟SllO:檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息；
[0025]步驟S120:基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面；以及
[0026]步驟S130:根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏第一頁面中的目標(biāo)對象。
[0027]本實施例中，通過頁面間通信實現(xiàn)了將第一頁面中的目標(biāo)對象拖拽至第二頁面進行顯示，提供了跨頁面間的目標(biāo)對象拖拽的解決方案，用戶可通過拖拽操作在不同頁面之間對目標(biāo)對象進行位置調(diào)整，達成從第一頁面拖拽對象到第二頁面的平滑過渡視覺效果，實現(xiàn)了用戶跨頁面的個性化頁面設(shè)置，滿足不同用戶的不同操作習(xí)慣及需求，同時為用戶提供了實用便利的可視化拖拽操作體驗。
[0028]具體地，在步驟SllO中，檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息。
[0029]其中，目標(biāo)對象包括頁面中展示的元素，包括但不限于選中的文字、超級鏈接、圖片、多媒體信息、功能按鍵等。
[0030]檢測拖拽操作的具體方式可為:通過預(yù)定的判斷規(guī)則確定用戶是否進行拖拽操作，其中，判斷規(guī)則可以為拖拽距離大于預(yù)設(shè)的距離，和/或拖拽時間大于預(yù)設(shè)的時間。
[0031]檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作的具體方式可為:通過檢測鼠標(biāo)的移動操作，實時地確定鼠標(biāo)拖拽過程中鼠標(biāo)按下的拖拽起點坐標(biāo)及鼠標(biāo)到達第一頁面邊緣的邊緣坐標(biāo)，若檢測到鼠標(biāo)到達第一頁面邊緣的第一邊緣坐標(biāo)時未執(zhí)行鼠標(biāo)釋放操作，且持續(xù)執(zhí)行拖拽操作，并持續(xù)拖拽至到達第二頁面邊緣進入第二頁面，確定進入第二頁面時第二頁面邊緣的邊緣坐標(biāo)，隨后，當(dāng)檢測到鼠標(biāo)在第二頁面中執(zhí)行釋放操作時，確定拖拽釋放落點的拖拽落點坐標(biāo)。若確定的位置坐標(biāo)可是相對于屏幕的坐標(biāo)，則計算拖拽落點坐標(biāo)與拖拽起點坐標(biāo)之間的差值，即確定拖拽后坐標(biāo)與拖拽前坐標(biāo)的偏移值，通過計算拖拽前目標(biāo)對象的坐標(biāo)加上該偏移值即為拖拽后目標(biāo)對象的坐標(biāo)。若確定的位置坐標(biāo)是相對于兩個頁面的坐標(biāo)，則計算第一頁面中拖拽起點坐標(biāo)至第一邊緣坐標(biāo)的第一拖拽偏移值，第二頁面中拖拽落點坐標(biāo)至第二邊緣坐標(biāo)的第二拖拽偏移值，以及第一頁面的第一邊緣坐標(biāo)與第一頁面的第二邊緣坐標(biāo)相對于屏幕的差值；進而確定拖拽后目標(biāo)對象的坐標(biāo)。
[0032]其中，當(dāng)?shù)谝豁撁婕暗诙撁媸腔贖TMLiframe的屬于同一主頁面的子頁面時，則第一頁面和第二頁面通過JavaScript實現(xiàn)頁面間通信；在此,一個頁面包含一個窗口對象(window),窗口對象包含一個文檔對象(document),文檔對象包含若干個html dom元素(node)。Node元素(也稱節(jié)點)也嵌套其他window對象，即iframe節(jié)點。當(dāng)?shù)谝豁撁婕暗诙撁媸仟毩⒌膬蓚€頁面，則第一頁面和第二頁面通過頁面服務(wù)器實現(xiàn)頁面間通信。
[0033]在步驟S120中，基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面。
[0034]其中，目標(biāo)對象相關(guān)信息包括但不限于:
[0035]目標(biāo)對象的內(nèi)容數(shù)據(jù)，如目標(biāo)對象包括的文字信息、圖片信息、功能參數(shù)、特征描述等；
[0036]目標(biāo)對象的顯示效果參數(shù)，如目標(biāo)對象的顯示顏色信息、尺寸信息、視覺樣式信息等;
[0037]目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識，如目標(biāo)對象在服務(wù)器端的網(wǎng)絡(luò)標(biāo)識ID。
[0038]當(dāng)?shù)谝豁撁婕暗诙撁媸腔贖TMLiframe的屬于同一主頁面的子頁面時,步驟S120(參照圖1)包括步驟S121(圖中未示出)，在步驟S121中，基于HTMLiframe頁面通信機制，將目標(biāo)對象相關(guān)信息通過主頁面從第一頁面?zhèn)鬟f至第二頁面。
[0039]具體地,在HTMLiframe框架中，根據(jù)iframe中src屬性來判斷子頁面與主頁面是同域鏈接還是跨域鏈接；例如，當(dāng)子頁面和主頁面是同域鏈接的情況下，基于JavaScript,通過父頁面與子頁面的相互調(diào)用，將目標(biāo)對象相關(guān)信息通過主頁面從第一頁面?zhèn)鬟f至第二頁面。
[0040]其中，父頁面調(diào)用子頁面的方法可通過:FrameName.window, chiIdMethod O ,子頁面調(diào)用父頁面的方法可通過:parent.window.parentMethodO ,在獲取到頁面的window.document對象后，即可訪問其中的DOM元素。
[0041]優(yōu)選地，步驟S120(參照圖1)包括步驟S1201(圖中未示出)和步驟S1202(圖中未示出)。
[0042]在步驟S1201中，依據(jù)第二頁面確定本地存儲的第二頁面相關(guān)的目錄；在步驟S1202中，利用所述第一頁面中的、所述第二頁面的iframe標(biāo)簽元素接收并將所述目標(biāo)對象相關(guān)信息存儲在所述第二頁面相關(guān)的目錄，以供所述第二頁面使用。其中，第一頁面為源域名頁面，第二頁面為目標(biāo)域名頁面，且目標(biāo)對象相關(guān)信息指定由第二頁面使用。
[0043]當(dāng)?shù)谝豁撁婕八龅诙撁媸仟毩⒌膬蓚€頁面；步驟S120(參照圖1)包括步驟S1203(圖中未示出)，在步驟S1203中，將拖拽相關(guān)信息通過網(wǎng)頁服務(wù)器從第一頁面?zhèn)鬟f至第二頁面。
[0044]具體地，用戶設(shè)備向網(wǎng)頁服務(wù)器發(fā)送拖拽信息傳遞請求，該拖拽信息傳遞請求包括拖拽相關(guān)信息、第一頁面標(biāo)識ID、第二面標(biāo)識ID、將拖拽相關(guān)信息從第一頁面?zhèn)鬟f地第二頁面的傳遞指示等信息；網(wǎng)絡(luò)服務(wù)器接收到該拖拽信息傳遞請求，向用戶設(shè)備返回指向第二頁面的頁面數(shù)據(jù)更新信息，該頁面數(shù)據(jù)更新信息包括拖拽相關(guān)信息；用戶設(shè)備接收到該頁面數(shù)據(jù)更新信息，通過瀏覽器將拖拽相關(guān)信息傳遞至第二頁面。
[0045]在步驟S130中，根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時不顯示第一頁面中的目標(biāo)對象。
[0046]具體地，根據(jù)目標(biāo)對象相關(guān)信息包括的目標(biāo)對象的內(nèi)容信息，如文字信息、圖片信息、功能參數(shù)、特征描述，以及目標(biāo)對象的顯示效果參數(shù)，如目標(biāo)對象的顯示顏色信息、尺寸信息、樣式信息等，通過JavaScript、CSS等頁面技術(shù)，在第二頁面中創(chuàng)建與目標(biāo)對象對應(yīng)的新目標(biāo)對象，新目標(biāo)對象的展示效果及功能與目標(biāo)對象相同；同時，通過將第一頁面對應(yīng)的HTML文件中記錄的目標(biāo)對象的相關(guān)參數(shù)刪除，如，通過JS API中的HTMLElement.remove O，不顯示第一頁面中的目標(biāo)對象；或通過CSS頁面技術(shù)，將目標(biāo)對象在第一頁面的顯示屬性設(shè)置為隱藏，如通過對CSS中display參數(shù)設(shè)置為none來實現(xiàn)。
[0047]優(yōu)選地，在拖拽過程中，通過檢測鼠標(biāo)的移動操作，在鼠標(biāo)按下時觸發(fā)不顯示第一頁面中的目標(biāo)對象，并跟隨鼠標(biāo)的移動軌跡，實時地顯示跟隨鼠標(biāo)移動的目標(biāo)對象，直至在鼠標(biāo)執(zhí)行釋放操作時，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象。
[0048]在一優(yōu)選實施例中(參照圖1)，該方法還包括由用戶設(shè)備執(zhí)行的步驟S150(圖中為示出)和步驟S160(圖中為示出)；在步驟S150中，確定拖拽操作結(jié)果，其中，拖拽操作結(jié)果包括目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識；在步驟S160中，將拖拽操作結(jié)果發(fā)送至網(wǎng)頁服務(wù)器，以用于更新第一頁面和第二頁面。
[0049]具體地，用戶設(shè)備通過讀取第二頁面的HTML文件，提取其中的新目標(biāo)對象在第二頁面中的位置參數(shù)等，確定拖拽操作結(jié)果，其中，拖拽操作結(jié)果包括目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識；隨后，將拖拽操作結(jié)果發(fā)送至網(wǎng)頁服務(wù)器，以用于更新第一頁面和第二頁面；當(dāng)網(wǎng)頁服務(wù)器接收到該拖拽操作結(jié)果后，根據(jù)目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識，將第一頁面HTML文件中目標(biāo)對象相關(guān)的數(shù)據(jù)寫入第二頁面HTML文件中，并刪除第一頁面HTML文件中與目標(biāo)對象相關(guān)的數(shù)據(jù)，更新第一頁面和第二頁面。
[0050]圖2為本發(fā)明中基于拖拽操作跨頁面調(diào)整對象位置的裝置一個實施例的結(jié)構(gòu)示意圖。
[0051]本發(fā)明的實施例中，基于拖拽操作跨頁面調(diào)整對象位置的裝置包括對象信息確定模塊210、傳遞模塊220和顯示模塊230。
[0052]首先，對象信息確定模塊210檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息；在步驟S120中，基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面；在步驟S130中，根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏第一頁面中的目標(biāo)對象。
[0053]本實施例中，通過頁面間通信實現(xiàn)了將第一頁面中的目標(biāo)對象拖拽至第二頁面進行顯示，提供了跨頁面間的目標(biāo)對象拖拽的解決方案，用戶可通過拖拽操作在不同頁面之間對目標(biāo)對象進行位置調(diào)整，達成從第一頁面拖拽對象到第二頁面的平滑過渡視覺效果，實現(xiàn)了用戶跨頁面的個性化頁面設(shè)置，滿足不同用戶的不同操作習(xí)慣及需求，同時為用戶提供了實用便利的可視化拖拽操作體驗。
[0054]具體地，對象信息確定模塊210檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息。
[0055]其中，目標(biāo)對象包括頁面中展示的元素，包括但不限于選中的文字、超級鏈接、圖片、多媒體信息、功能按鍵等。
[0056]檢測拖拽操作的具體方式可為:通過預(yù)定的判斷規(guī)則確定用戶是否進行拖拽操作，其中，判斷規(guī)則可以為拖拽距離大于預(yù)設(shè)的距離，和/或拖拽時間大于預(yù)設(shè)的時間。
[0057]檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作的具體方式可為:通過檢測鼠標(biāo)的移動操作，實時地確定鼠標(biāo)拖拽過程中鼠標(biāo)按下的拖拽起點坐標(biāo)及鼠標(biāo)到達第一頁面邊緣的邊緣坐標(biāo)，若檢測到鼠標(biāo)到達第一頁面邊緣的第一邊緣坐標(biāo)時未執(zhí)行鼠標(biāo)釋放操作，且持續(xù)執(zhí)行拖拽操作，并持續(xù)拖拽至到達第二頁面邊緣進入第二頁面，確定進入第二頁面時第二頁面邊緣的邊緣坐標(biāo)，隨后，當(dāng)檢測到鼠標(biāo)在第二頁面中執(zhí)行釋放操作時，確定拖拽釋放落點的拖拽落點坐標(biāo)。若確定的位置坐標(biāo)可是相對于屏幕的坐標(biāo)，則計算拖拽落點坐標(biāo)與拖拽起點坐標(biāo)之間的差值，即確定拖拽后坐標(biāo)與拖拽前坐標(biāo)的偏移值，通過計算拖拽前目標(biāo)對象的坐標(biāo)加上該偏移值即為拖拽后目標(biāo)對象的坐標(biāo)。若確定的位置坐標(biāo)是相對于兩個頁面的坐標(biāo)，則計算第一頁面中拖拽起點坐標(biāo)至第一邊緣坐標(biāo)的第一拖拽偏移值，第二頁面中拖拽落點坐標(biāo)至第二邊緣坐標(biāo)的第二拖拽偏移值，以及第一頁面的第一邊緣坐標(biāo)與第一頁面的第二邊緣坐標(biāo)相對于屏幕的差值；進而確定拖拽后目標(biāo)對象的坐標(biāo)。
[0058]其中，當(dāng)?shù)谝豁撁婕暗诙撁媸腔贖TMLiframe的屬于同一主頁面的子頁面時，則第一頁面和第二頁面通過JavaScript實現(xiàn)頁面間通信；在此,一個頁面包含一個窗口對象(window),窗口對象包含一個文檔對象(document),文檔對象包含若干個html dom元素(node)。Node元素(也稱節(jié)點)也嵌套其他window對象，即iframe節(jié)點。當(dāng)?shù)谝豁撁婕暗诙撁媸仟毩⒌膬蓚€頁面，則第一頁面和第二頁面通過頁面服務(wù)器實現(xiàn)頁面間通信。
[0059]傳遞模塊220基于預(yù)定的頁面間通信方式，將目標(biāo)對象相關(guān)信息從第一頁面?zhèn)鬟f至第二頁面。
[0060]其中，目標(biāo)對象相關(guān)信息包括但不限于:
[0061]目標(biāo)對象的內(nèi)容數(shù)據(jù)，如目標(biāo)對象包括的文字信息、圖片信息、功能參數(shù)、特征描述等；
[0062]目標(biāo)對象的顯示效果參數(shù)，如目標(biāo)對象的顯示顏色信息、尺寸信息、視覺樣式信息等;
[0063]目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識，如目標(biāo)對象在服務(wù)器端的網(wǎng)絡(luò)標(biāo)識ID。
[0064]當(dāng)?shù)谝豁撁婕暗诙撁媸腔贖TMLiframe的屬于同一主頁面的子頁面時,傳遞模塊220基于HTMLiframe頁面通信機制，將目標(biāo)對象相關(guān)信息通過主頁面從第一頁面?zhèn)鬟f至第二頁面。
[0065]具體地,在HTMLiframe框架中，根據(jù)iframe中src屬性來判斷子頁面與主頁面是同域鏈接還是跨域鏈接；例如，當(dāng)子頁面和主頁面是同域鏈接的情況下，基于JavaScript,通過父頁面與子頁面的相互調(diào)用，將目標(biāo)對象相關(guān)信息通過主頁面從第一頁面?zhèn)鬟f至第二頁面。
[0066]其中，父頁面調(diào)用子頁面的方法可通過:FrameName.window, chiIdMethod O ,子頁面調(diào)用父頁面的方法可通過:parent.window.parentMethod(),在獲取到頁面的window.document對象后，即可訪問其中的DOM元素。
[0067]優(yōu)選地，傳遞模塊220(參照圖2)包括目錄查找單元(圖中未示出)和信息存儲單元(圖中未示出)。
[0068]目錄查找單元，用于依據(jù)所述第二頁面確定本地存儲的第二頁面相關(guān)的目錄；信息存儲單元，用于利用所述第一頁面中的、所述第二頁面的iframe標(biāo)簽元素接收并將所述目標(biāo)對象相關(guān)信息存儲在所述第二頁面相關(guān)的目錄，以供所述第二頁面使用。其中，第一頁面為源域名頁面，第二頁面為目標(biāo)域名頁面，且目標(biāo)對象相關(guān)信息指定由第二頁面使用。
[0069]當(dāng)?shù)谝豁撁婕八龅诙撁媸仟毩⒌膬蓚€頁面；傳遞模塊220將拖拽相關(guān)信息通過網(wǎng)頁服務(wù)器從第一頁面?zhèn)鬟f至第二頁面。
[0070]具體地，用戶設(shè)備向網(wǎng)頁服務(wù)器發(fā)送拖拽信息傳遞請求，該拖拽信息傳遞請求包括拖拽相關(guān)信息、第一頁面標(biāo)識ID、第二面標(biāo)識ID、將拖拽相關(guān)信息從第一頁面?zhèn)鬟f地第二頁面的傳遞指示等信息；網(wǎng)絡(luò)服務(wù)器接收到該拖拽信息傳遞請求，向用戶設(shè)備返回指向第二頁面的頁面數(shù)據(jù)更新信息，該頁面數(shù)據(jù)更新信息包括拖拽相關(guān)信息；用戶設(shè)備接收到該頁面數(shù)據(jù)更新信息，通過瀏覽器將拖拽相關(guān)信息傳遞至第二頁面。
[0071]顯示模塊220根據(jù)目標(biāo)對象相關(guān)信息，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時不顯示第一頁面中的目標(biāo)對象。
[0072]具體地，根據(jù)目標(biāo)對象相關(guān)信息包括的目標(biāo)對象的內(nèi)容信息，如文字信息、圖片信息、功能參數(shù)、特征描述，以及目標(biāo)對象的顯示效果參數(shù)，如目標(biāo)對象的顯示顏色信息、尺寸信息、樣式信息等，通過JavaScript、CSS等頁面技術(shù)，在第二頁面中創(chuàng)建與目標(biāo)對象對應(yīng)的新目標(biāo)對象，新目標(biāo)對象的展示效果及功能與目標(biāo)對象相同；同時，通過將第一頁面對應(yīng)的HTML文件中記錄的目標(biāo)對象的相關(guān)參數(shù)刪除，如，通過JS API中的HTMLElement.remove O，不顯示第一頁面中的目標(biāo)對象；或通過CSS頁面技術(shù)，將目標(biāo)對象在第一頁面的顯示屬性設(shè)置為隱藏，如通過對CSS中display參數(shù)設(shè)置為none來實現(xiàn)。
[0073]優(yōu)選地，在拖拽過程中，通過檢測鼠標(biāo)的移動操作，在鼠標(biāo)按下時觸發(fā)不顯示第一頁面中的目標(biāo)對象，并跟隨鼠標(biāo)的移動軌跡，實時地顯示跟隨鼠標(biāo)移動的目標(biāo)對象，直至在鼠標(biāo)執(zhí)行釋放操作時，在第二頁面中創(chuàng)建并顯示新目標(biāo)對象。
[0074]在一優(yōu)選實施例中(參照圖2)，還包括結(jié)果確定模塊(圖中為示出)和發(fā)送模塊(圖中為示出)；結(jié)果確定模塊確定拖拽操作結(jié)果，其中，拖拽操作結(jié)果包括目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識；隨后，發(fā)送模塊將拖拽操作結(jié)果發(fā)送至網(wǎng)頁服務(wù)器，以用于更新第一頁面和第二頁面。
[0075]具體地，結(jié)果確定模塊通過讀取第二頁面的HTML文件，提取其中的新目標(biāo)對象在第二頁面中的位置參數(shù)等，確定拖拽操作結(jié)果，其中，拖拽操作結(jié)果包括目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識；隨后，發(fā)送模塊將拖拽操作結(jié)果發(fā)送至網(wǎng)頁服務(wù)器，以用于更新第一頁面和第二頁面；當(dāng)網(wǎng)頁服務(wù)器接收到該拖拽操作結(jié)果后，根據(jù)目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識，將第一頁面HTML文件中目標(biāo)對象相關(guān)的數(shù)據(jù)寫入第二頁面HTML文件中，并刪除第一頁面HTML文件中與目標(biāo)對象相關(guān)的數(shù)據(jù)，更新第一頁面和第二頁面。
[0076]本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，本發(fā)明包括涉及用于執(zhí)行本申請中所述操作中的一項或多項的設(shè)備。這些設(shè)備可以為所需的目的而專門設(shè)計和制造，或者也可以包括通用計算機中的已知設(shè)備。這些設(shè)備具有存儲在其內(nèi)的計算機程序，這些計算機程序選擇性地激活或重構(gòu)。這樣的計算機程序可以被存儲在設(shè)備(例如，計算機)可讀介質(zhì)中或者存儲在適于存儲電子指令并分別耦聯(lián)到總線的任何類型的介質(zhì)中，所述計算機可讀介質(zhì)包括但不限于任何類型的盤(包括軟盤、硬盤、光盤、⑶-ROM、和磁光盤)、R0M(Read-Only Memory,只讀存儲器)、RAM (Random Access Memory,隨即存儲器)、EPROM (Erasable ProgrammableRead-Only Memory,可擦寫可編程只讀存儲器)、EEPROM(ElectricalIy ErasableProgrammable Read-Only Memory,電可擦可編程只讀存儲器)、閃存、磁性卡片或光線卡片。也就是，可讀介質(zhì)包括由設(shè)備(例如，計算機)以能夠讀的形式存儲或傳輸信息的任何介質(zhì)。
[0077]本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，可以用計算機程序指令來實現(xiàn)這些結(jié)構(gòu)圖和/或框圖和/或流圖中的每個框以及這些結(jié)構(gòu)圖和/或框圖和/或流圖中的框的組合。本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，可以將這些計算機程序指令提供給通用計算機、專業(yè)計算機或其他可編程數(shù)據(jù)處理方法的處理器來實現(xiàn)，從而通過計算機或其他可編程數(shù)據(jù)處理方法的處理器來執(zhí)行本發(fā)明公開的結(jié)構(gòu)圖和/或框圖和/或流圖的框或多個框中指定的方案。
[0078]本【技術(shù)領(lǐng)域】技術(shù)人員可以理解，本發(fā)明中已經(jīng)討論過的各種操作、方法、流程中的步驟、措施、方案可以被交替、更改、組合或刪除。進一步地，具有本發(fā)明中已經(jīng)討論過的各種操作、方法、流程中的其他步驟、措施、方案也可以被交替、更改、重排、分解、組合或刪除。進一步地，現(xiàn)有技術(shù)中的具有與本發(fā)明中公開的各種操作、方法、流程中的步驟、措施、方案也可以被交替、更改、重排、分解、組合或刪除。
[0079]以上所述僅是本發(fā)明的部分實施方式，應(yīng)當(dāng)指出，對于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應(yīng)視為本發(fā)明的保護范圍。
【權(quán)利要求】
1.一種基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，包括: 檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)信息； 基于預(yù)定的頁面間通信方式，將所述目標(biāo)對象相關(guān)信息從所述第一頁面?zhèn)鬟f至所述第二頁面；以及 根據(jù)所述目標(biāo)對象相關(guān)信息，在所述第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏所述第一頁面中的目標(biāo)對象。
2.根據(jù)權(quán)利要求1所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，所述拖拽操作的具體檢測方式包括: 檢測到拖拽距離大于預(yù)設(shè)的距離時，確定用戶進行拖拽操作；和/或 檢測到拖拽時間大于預(yù)設(shè)的時間時，確定用戶進行拖拽操作。
3.根據(jù)權(quán)利要求1或2所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，所述與拖拽相關(guān)的目標(biāo)對象相關(guān)信息，包括以下至少任一項內(nèi)容: 目標(biāo)對象的內(nèi)容數(shù)據(jù)； 目標(biāo)對象的顯示效果參數(shù)； 目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識。
4.根據(jù)權(quán)利要求1-3任一項所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，所述第一頁面及所述第二頁面是基于HTMLiframe的屬于同一主頁面的子頁面； 其中，基于預(yù)定的頁面間通信方式，將所述目標(biāo)對象相關(guān)信息從所述第一頁面?zhèn)鬟f至所述第二頁面的步驟進一步包括: 基于HTMLiframe頁面通信機制，將所述目標(biāo)對象相關(guān)信息通過所述主頁面從所述第一頁面?zhèn)鬟f至所述第二頁面。
5.根據(jù)權(quán)利要求1-4任一項所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，所述基于預(yù)定的頁面間通信方式，將所述目標(biāo)對象相關(guān)信息從所述第一頁面?zhèn)鬟f至所述第二頁面的步驟進一步包括: 依據(jù)所述第二頁面確定本地存儲的第二頁面相關(guān)的目錄；以及利用所述第一頁面中的、所述第二頁面的iframe標(biāo)簽元素接收并將所述目標(biāo)對象相關(guān)信息存儲在所述第二頁面相關(guān)的目錄，以供所述第二頁面使用。
6.根據(jù)權(quán)利要求1-5任一項所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，所述第一頁面及所述第二頁面是獨立的兩個頁面； 其中，基于預(yù)定的頁面間通信方式，將所述目標(biāo)對象相關(guān)信息從所述第一頁面?zhèn)鬟f至所述第二頁面的步驟進一步包括: 將所述拖拽相關(guān)信息通過網(wǎng)頁服務(wù)器從所述第一頁面?zhèn)鬟f至所述第二頁面。
7.根據(jù)權(quán)利要求1-6任一項所述的基于拖拽操作跨頁面調(diào)整對象位置的方法，其特征在于，還包括: 確定拖拽操作結(jié)果，其中，所述拖拽操作結(jié)果包括所述目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識；以及 將所述拖拽操作結(jié)果發(fā)送至網(wǎng)頁服務(wù)器，以用于更新所述第一頁面和所述第二頁面。
8.一種基于拖拽操作跨頁面調(diào)整對象位置的裝置，其特征在于，包括: 對象信息確定模塊，用于檢測到將第一頁面中的目標(biāo)對象拖拽至第二頁面的拖拽操作時，確定與拖拽相關(guān)的目標(biāo)對象相關(guān)彳目息； 傳遞模塊，用于基于預(yù)定的頁面間通信方式，將所述目標(biāo)對象相關(guān)信息從所述第一頁面?zhèn)鬟f至所述第二頁面；以及 顯示模塊，用于根據(jù)所述目標(biāo)對象相關(guān)信息，在所述第二頁面中創(chuàng)建并顯示新目標(biāo)對象，同時隱藏所述第一頁面中的目標(biāo)對象。
9.根據(jù)權(quán)利要求8所述的基于拖拽操作跨頁面調(diào)整對象位置的裝置，其特征在于，所述對象信息確定模塊檢測所述拖拽操作的具體方式包括: 檢測到拖拽距離大于預(yù)設(shè)的距離時，確定用戶進行拖拽操作；和/或 檢測到拖拽時間大于預(yù)設(shè)的時間時，確定用戶進行拖拽操作。
10.根據(jù)權(quán)利要求8或9所述的基于拖拽操作跨頁面調(diào)整對象位置的裝置，其特征在于，拖拽相關(guān)信息，包括以下至少任一項內(nèi)容: 目標(biāo)對象的內(nèi)容數(shù)據(jù)； 目標(biāo)對象的顯示效果參數(shù)； 目標(biāo)對象的網(wǎng)絡(luò)標(biāo)識。
【文檔編號】G06F3/0486GK104461309SQ201410835124
【公開日】2015年3月25日 申請日期:2014年12月26日 優(yōu)先權(quán)日:2014年12月26日
【發(fā)明者】胡尊杰 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司