網(wǎng)頁選項(xiàng)處理方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種網(wǎng)頁選項(xiàng)處理方法及裝置，該網(wǎng)頁選項(xiàng)處理方法包括：檢測第一網(wǎng)頁選項(xiàng)的第一屬性值，其中，第一網(wǎng)頁選項(xiàng)存儲(chǔ)在第一數(shù)組中，第一數(shù)組存儲(chǔ)有多個(gè)網(wǎng)頁選項(xiàng)，第一網(wǎng)頁選項(xiàng)為多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè)網(wǎng)頁選項(xiàng)，第一屬性值包括第一值和第二值；判斷第一屬性值是否為第一值或第二值；如果判斷出第一屬性值為第一值，則在網(wǎng)頁的第一顯示區(qū)域顯示第一網(wǎng)頁選項(xiàng)；以及如果判斷出第一屬性值為第二值，則在網(wǎng)頁的第二顯示區(qū)域顯示第一網(wǎng)頁選項(xiàng)。通過本發(fā)明，解決了網(wǎng)頁上的待選項(xiàng)列表和已選項(xiàng)列表交互時(shí)占用系統(tǒng)資源比較大的問題，進(jìn)一步達(dá)到了減少網(wǎng)頁上的待選項(xiàng)列表和已選項(xiàng)列表交互時(shí)對系統(tǒng)資源占用的效果。
【專利說明】網(wǎng)頁選項(xiàng)處理方法及裝置

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，具體而言，涉及一種網(wǎng)頁選項(xiàng)處理方法及裝置。

【背景技術(shù)】
[0002] 網(wǎng)頁上的待選項(xiàng)、已選項(xiàng)兩個(gè)列表的顯示樣式和交互方式較為豐富，可以通過如 下三種解決方案實(shí)現(xiàn)網(wǎng)頁上的待選項(xiàng)和已選項(xiàng)兩個(gè)列表交互：
[0003] 第一種解決方案時(shí)使用兩個(gè)JavaScript數(shù)組分別存放待選項(xiàng)、已選項(xiàng)兩個(gè)列表 的內(nèi)容，在網(wǎng)頁頁面上創(chuàng)建兩個(gè)列表容器分別綁定兩個(gè)數(shù)組，當(dāng)需要將內(nèi)容從待選項(xiàng)轉(zhuǎn)移 到已選項(xiàng)時(shí)，從已選項(xiàng)數(shù)組添加，從待選項(xiàng)數(shù)組刪除，或者待選項(xiàng)不變，向已選項(xiàng)數(shù)組添加 該內(nèi)容；當(dāng)需要將內(nèi)容從已選項(xiàng)還原到待選項(xiàng)時(shí)，從待選項(xiàng)數(shù)組添加，從已選項(xiàng)數(shù)組刪除， 或者待選項(xiàng)不變，從已選項(xiàng)數(shù)組刪除該內(nèi)容。
[0004] 第二種解決方案與上述方案類似，只是把刪除變?yōu)殡[藏，也是使用兩個(gè) JavaScript數(shù)組實(shí)現(xiàn)，初始時(shí)兩數(shù)組內(nèi)容相同，但待選項(xiàng)全部顯示，已選項(xiàng)全部隱藏，當(dāng)需 要將內(nèi)容從待選項(xiàng)轉(zhuǎn)移到已選項(xiàng)時(shí)，該內(nèi)容在待選項(xiàng)隱藏，在已選項(xiàng)顯示，反之亦然。
[0005] 第三種解決方案是使用兩個(gè)JavaScript數(shù)組，待選項(xiàng)始終顯示，綁定的數(shù)組也不 變化，當(dāng)需要將內(nèi)容從待選項(xiàng)轉(zhuǎn)移到已選項(xiàng)時(shí)，該項(xiàng)待選項(xiàng)不變，在已選項(xiàng)顯示或添加該內(nèi) 容；當(dāng)需要將內(nèi)容從已選項(xiàng)轉(zhuǎn)移到待選項(xiàng)時(shí)，待選項(xiàng)不變，在已選項(xiàng)隱藏或刪除該內(nèi)容。
[0006] 在網(wǎng)頁上列表內(nèi)容較多較大的情況下，現(xiàn)有解決方案的JavaScript數(shù)組的開銷 會(huì)使系統(tǒng)資源的需求相應(yīng)上升，這樣也就占用浪費(fèi)了用戶的系統(tǒng)資源，而且如果用戶的終 端配置較低，會(huì)極大降低用戶的體驗(yàn)。
[0007] 針對相關(guān)技術(shù)中網(wǎng)頁上的待選項(xiàng)列表和已選項(xiàng)列表交互時(shí)占用系統(tǒng)資源比較大 的問題，目前尚未提出有效的解決方案。


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

[0008] 本發(fā)明的主要目的在于提供一種網(wǎng)頁選項(xiàng)處理方法及裝置，以解決網(wǎng)頁上的待選 項(xiàng)列表和已選項(xiàng)列表交互時(shí)占用系統(tǒng)資源比較大的問題。
[0009] 為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的一個(gè)方面，提供了一種網(wǎng)頁選項(xiàng)處理方法。
[0010] 根據(jù)本發(fā)明的網(wǎng)頁選項(xiàng)處理方法包括：檢測第一網(wǎng)頁選項(xiàng)的第一屬性值，其中，第 一屬性值用于表示第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，第一網(wǎng)頁選項(xiàng)存儲(chǔ)在第一數(shù)組中，第 一數(shù)組存儲(chǔ)有多個(gè)網(wǎng)頁選項(xiàng)，第一網(wǎng)頁選項(xiàng)為多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè)網(wǎng)頁選項(xiàng)，第一 屬性值包括第一值和第二值；判斷第一屬性值是否為第一值或第二值；如果判斷出第一屬 性值為第一值，則在網(wǎng)頁的第一顯示區(qū)域顯示第一網(wǎng)頁選項(xiàng)；以及如果判斷出第一屬性值 為第二值，則在網(wǎng)頁的第二顯示區(qū)域顯示第一網(wǎng)頁選項(xiàng)。
[0011] 進(jìn)一步地，在檢測第一網(wǎng)頁選項(xiàng)的第一屬性值之前，方法還包括：接收對第一網(wǎng)頁 選項(xiàng)的觸發(fā)信號(hào)，其中，觸發(fā)信號(hào)為用于觸發(fā)對第一網(wǎng)頁選項(xiàng)進(jìn)行修改的信號(hào)；以及根據(jù)觸 發(fā)信號(hào)修改第一屬性值，其中，如果第一網(wǎng)頁選項(xiàng)的第一屬性值為第一值，則將第一屬性值 修改為第二值，如果第一屬性值為第二值，則將第一屬性值修改為第一值。
[0012] 進(jìn)一步地，第一網(wǎng)頁選項(xiàng)還包括第二屬性值，在根據(jù)觸發(fā)信號(hào)修改第一屬性值之 后，方法還包括：修改第二屬性值，其中，第二屬性用于表示選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí) 的排序；以及根據(jù)第二屬性值確定第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序。
[0013] 進(jìn)一步地，修改第一網(wǎng)頁選項(xiàng)的第二屬性值，其中，第二屬性用于表示選項(xiàng)在網(wǎng)頁 的顯示區(qū)域顯示時(shí)的排序包括：計(jì)算多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第二值的選項(xiàng)的個(gè)數(shù)； 以及根據(jù)多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第二值的選項(xiàng)的個(gè)數(shù)確定第一網(wǎng)頁選項(xiàng)的第二屬 性值。
[0014] 進(jìn)一步地，網(wǎng)頁的第一顯示區(qū)域用于顯示待選項(xiàng)，待選項(xiàng)指用于選擇的選項(xiàng)，待選 項(xiàng)在網(wǎng)頁的第一顯示區(qū)域垂直排列，網(wǎng)頁的第二顯示區(qū)域用于顯示已選項(xiàng)，已選項(xiàng)是指已 經(jīng)選中的選項(xiàng)，已選項(xiàng)在網(wǎng)頁的第二顯示區(qū)域垂直排列，當(dāng)?shù)谝粚傩灾禐榈谝恢禃r(shí)，待選項(xiàng) 包括第一網(wǎng)頁選項(xiàng)，當(dāng)?shù)谝粚傩灾禐榈诙禃r(shí)，已選項(xiàng)包含第一網(wǎng)頁選項(xiàng)。
[0015] 為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁選項(xiàng)處理裝置。
[0016] 根據(jù)本發(fā)明的網(wǎng)頁選項(xiàng)處理裝置包括：檢測單元，用于檢測第一網(wǎng)頁選項(xiàng)的第一 屬性值，其中，第一屬性值用于表示第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，第一網(wǎng)頁選項(xiàng)存儲(chǔ)在 第一數(shù)組中，第一數(shù)組存儲(chǔ)有多個(gè)網(wǎng)頁選項(xiàng)，第一網(wǎng)頁選項(xiàng)為多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè) 網(wǎng)頁選項(xiàng)，第一屬性值包括第一值和第二值；判斷單元，用于判斷第一屬性值是否為第一值 或第二值；以及第一確定單元，用于在判斷出第一屬性值為第一值時(shí)，確定在網(wǎng)頁的第一顯 示區(qū)域顯示第一網(wǎng)頁選項(xiàng)，在判斷出第一屬性值為第二值時(shí)，確定在網(wǎng)頁的第二顯示區(qū)域 顯示第一網(wǎng)頁選項(xiàng)。
[0017] 進(jìn)一步地，裝置還包括：接收單元，用于接收對第一網(wǎng)頁選項(xiàng)的觸發(fā)信號(hào)，其中，觸 發(fā)信號(hào)為用于觸發(fā)對第一網(wǎng)頁選項(xiàng)進(jìn)行修改的信號(hào)；以及第一修改單元，用于根據(jù)觸發(fā)信 號(hào)修改第一屬性值，其中，如果第一網(wǎng)頁選項(xiàng)的第一屬性值為第一值，則將第一屬性值修改 為第二值，如果第一屬性值為第二值，則將第一屬性值修改為第一值。
[0018] 進(jìn)一步地，第一網(wǎng)頁選項(xiàng)還包括第二屬性值，裝置還包括：第二修改單元，用于修 改第二屬性值，其中，第二屬性用于表示選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序；以及第二確 定單元，用于根據(jù)第二屬性值確定第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序。
[0019] 進(jìn)一步地，第二修改單元包括：計(jì)算模塊，用于計(jì)算多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為 第二值的選項(xiàng)的個(gè)數(shù)；以及確定模塊，用于根據(jù)多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第二值的選 項(xiàng)的個(gè)數(shù)確定第一網(wǎng)頁選項(xiàng)的第二屬性值。
[0020] 進(jìn)一步地，網(wǎng)頁的第一顯示區(qū)域用于顯示待選項(xiàng)，待選項(xiàng)指用于選擇的選項(xiàng)，待選 項(xiàng)在網(wǎng)頁的第一顯示區(qū)域垂直排列，網(wǎng)頁的第二顯示區(qū)域用于顯示已選項(xiàng)，已選項(xiàng)是指已 經(jīng)選中的選項(xiàng)，已選項(xiàng)在網(wǎng)頁的第二顯示區(qū)域垂直排列，當(dāng)?shù)谝粚傩灾禐榈谝恢禃r(shí)，待選項(xiàng) 包括第一網(wǎng)頁選項(xiàng)，當(dāng)?shù)谝粚傩灾禐榈诙禃r(shí)，已選項(xiàng)包含第一網(wǎng)頁選項(xiàng)。
[0021] 通過本發(fā)明，采用將網(wǎng)頁的多個(gè)選項(xiàng)存儲(chǔ)于一個(gè)數(shù)組中，即第一數(shù)組，通過檢測第 一數(shù)組中每個(gè)選項(xiàng)的第一屬性值來確定該選項(xiàng)在網(wǎng)頁的顯示位置，解決了網(wǎng)頁上的待選項(xiàng) 列表和已選項(xiàng)列表交互時(shí)占用系統(tǒng)資源比較大的問題，進(jìn)而達(dá)到了減少網(wǎng)頁上的待選項(xiàng)列 表和已選項(xiàng)列表交互時(shí)對系統(tǒng)資源占用的效果。

【專利附圖】

【附圖說明】
[0022] 構(gòu)成本申請的一部分的附圖用來提供對本發(fā)明的進(jìn)一步理解，本發(fā)明的示意性實(shí) 施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。在附圖中：
[0023] 圖1是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁選項(xiàng)處理方法的流程圖；
[0024] 圖2是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁的待選項(xiàng)列表和已選項(xiàng)列表的示意圖；以及
[0025] 圖3是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁選項(xiàng)處理裝置的示意圖。

【具體實(shí)施方式】
[0026] 需要說明的是，在不沖突的情況下，本申請中的實(shí)施例及實(shí)施例中的特征可以相 互組合。下面將參考附圖并結(jié)合實(shí)施例來詳細(xì)說明本發(fā)明。
[0027] 為了使本【技術(shù)領(lǐng)域】的人員更好地理解本申請方案，下面將結(jié)合本申請實(shí)施例中的 附圖，對本申請實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是 本申請一部分的實(shí)施例，而不是全部的實(shí)施例。基于本申請中的實(shí)施例，本領(lǐng)域普通技術(shù) 人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本申請保護(hù)的范 圍。
[0028] 需要說明的是，本申請的說明書和權(quán)利要求書及上述附圖中的術(shù)語"第一"、"第 二"等是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使 用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本申請的實(shí)施例。此外，術(shù)語"包括"和 "具有"以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元 的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有 清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。
[0029] 根據(jù)本發(fā)明實(shí)施例，提供了一種網(wǎng)頁選項(xiàng)處理方法，圖1是根據(jù)本發(fā)明實(shí)施例的 網(wǎng)頁選項(xiàng)處理方法的流程圖。
[0030] 如圖1所示，該網(wǎng)頁選項(xiàng)處理方法包括如下的步驟S102至步驟S108 :
[0031] 步驟S102 :檢測第一網(wǎng)頁選項(xiàng)的第一屬性值，其中，第一屬性值用于表示第一網(wǎng) 頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，第一網(wǎng)頁選項(xiàng)存儲(chǔ)在第一數(shù)組中，第一數(shù)組存儲(chǔ)有多個(gè)網(wǎng)頁選 項(xiàng)，第一網(wǎng)頁選項(xiàng)為多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè)網(wǎng)頁選項(xiàng)，第一屬性值包括第一值和第二 值。
[0032] 第一數(shù)組可以是JavaScript數(shù)組，其中，JavaScript是一種直譯式腳本語言，是 一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript 引擎，為瀏覽器的一部分，是廣泛用于客戶端的腳本語言，最早是在超文本標(biāo)記語言（Hyper Text Markup Language，簡稱為HTML)網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。本 發(fā)明實(shí)施例以第一數(shù)組為JavaScript數(shù)組為例進(jìn)行說明，將多個(gè)網(wǎng)頁選項(xiàng)存儲(chǔ)于一個(gè) JavaScript數(shù)組中，即第一數(shù)組中，第一網(wǎng)頁選項(xiàng)可以是第一數(shù)組中存儲(chǔ)的多個(gè)網(wǎng)頁選項(xiàng) 中任意一個(gè)網(wǎng)頁選項(xiàng)。第一屬性值用于表示第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，第一值和第 二值為不同的兩個(gè)值。通常，可以對應(yīng)網(wǎng)頁顯示區(qū)域的個(gè)數(shù)來確定第一屬性值的個(gè)數(shù)，例 如，在網(wǎng)頁上具有兩個(gè)顯示區(qū)域用于顯示第一網(wǎng)頁選項(xiàng)，此時(shí)，可以設(shè)定第一屬性值的個(gè)數(shù) 為2,例如，true和false兩個(gè)值。具體地，可以預(yù)先將第一屬性值與網(wǎng)頁的顯示區(qū)域進(jìn)行 綁定，例如，當(dāng)?shù)谝粚傩灾禐閠rue時(shí)，綁定第一網(wǎng)頁選項(xiàng)顯示在網(wǎng)頁的待選項(xiàng)顯示區(qū)域，當(dāng) 第一屬性值為false時(shí)，綁定第一網(wǎng)頁選項(xiàng)顯示在網(wǎng)頁的已選項(xiàng)顯示區(qū)域，其中，網(wǎng)頁的待 選項(xiàng)顯示區(qū)域和網(wǎng)頁的已選項(xiàng)顯示區(qū)域?yàn)榫W(wǎng)頁的不同顯示區(qū)域，網(wǎng)頁的待選項(xiàng)區(qū)域用于顯 示待選項(xiàng)列表，網(wǎng)頁的已選項(xiàng)區(qū)域用于顯示已選項(xiàng)列表。
[0033] 步驟S104 :判斷第一屬性值是否為第一值或第二值。
[0034] 步驟S106 :如果判斷出第一屬性值為第一值，則在網(wǎng)頁的第一顯示區(qū)域顯示第一 網(wǎng)頁選項(xiàng)。
[0035] 步驟S108 :如果判斷出第一屬性值為第二值，則在網(wǎng)頁的第二顯示區(qū)域顯示第一 網(wǎng)頁選項(xiàng)。
[0036] 網(wǎng)頁的第一顯示區(qū)域和網(wǎng)頁的第二顯示區(qū)域?yàn)榫W(wǎng)頁上不同的兩個(gè)顯示區(qū)域。由 于預(yù)先將第一屬性值與網(wǎng)頁的顯示區(qū)域進(jìn)行綁定，即當(dāng)?shù)谝粚傩灾禐榈谝恢禃r(shí)，綁定第一 網(wǎng)頁選項(xiàng)顯示在網(wǎng)頁的第一顯示區(qū)域，當(dāng)?shù)谝粚傩灾禐榈诙禃r(shí)，綁定第一網(wǎng)頁選項(xiàng)顯示 在網(wǎng)頁的第二顯示區(qū)域。因此，在判斷出第一屬性值為第一值時(shí)，在網(wǎng)頁的第一顯示區(qū)域 顯示第一網(wǎng)頁選項(xiàng)，在判斷出第一屬性值為第二值時(shí)，在網(wǎng)頁的第二顯示區(qū)域顯示第一網(wǎng) 頁選項(xiàng)，其中，網(wǎng)頁的第一顯示區(qū)域顯示可以是網(wǎng)頁的待選項(xiàng)顯示區(qū)域或網(wǎng)頁的已選項(xiàng)顯 示區(qū)域，網(wǎng)頁的第二顯示區(qū)域顯示也可以是網(wǎng)頁的已選項(xiàng)顯示區(qū)域或網(wǎng)頁的待選項(xiàng)顯示區(qū) 域，網(wǎng)頁的待選項(xiàng)顯示區(qū)域用于顯示待選項(xiàng)列表，網(wǎng)頁的已選項(xiàng)顯示區(qū)域用于顯示已選項(xiàng) 列表。初始化時(shí)，第一數(shù)組存儲(chǔ)的全部網(wǎng)頁選項(xiàng)顯示在網(wǎng)頁的待選項(xiàng)顯示區(qū)域。
[0037] 本發(fā)明實(shí)施例通過將多個(gè)網(wǎng)頁選項(xiàng)存儲(chǔ)于一個(gè)數(shù)組中，即將多個(gè)網(wǎng)頁選項(xiàng)存儲(chǔ)于 第一數(shù)組中，通過檢測第一數(shù)組中存儲(chǔ)的多個(gè)網(wǎng)頁選項(xiàng)中的每個(gè)網(wǎng)頁選項(xiàng)的第一屬性值來 確定該網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，相比于現(xiàn)有技術(shù)中通過兩個(gè)數(shù)組來存放待選項(xiàng)列表和 已選項(xiàng)列表，減少了數(shù)組開銷，進(jìn)一步減少了網(wǎng)頁上的待選項(xiàng)列表和已選項(xiàng)列表交互時(shí)內(nèi) 存的開銷，解決了現(xiàn)有技術(shù)中網(wǎng)頁上的待選項(xiàng)列表和已選項(xiàng)列表交互時(shí)占用系統(tǒng)資源比較 大的問題。
[0038] 優(yōu)選地，在檢測第一網(wǎng)頁選項(xiàng)的第一屬性值之前，方法還包括：接收對第一網(wǎng)頁選 項(xiàng)的觸發(fā)信號(hào)，其中，觸發(fā)信號(hào)為用于觸發(fā)對第一網(wǎng)頁選項(xiàng)進(jìn)行修改的信號(hào)；以及根據(jù)觸發(fā) 信號(hào)修改第一屬性值，其中，如果第一網(wǎng)頁選項(xiàng)的第一屬性值為第一值，則將第一屬性值修 改為第二值，如果第一屬性值為第二值，則將第一屬性值修改為第一值。
[0039] 該觸發(fā)信號(hào)可以是對網(wǎng)頁上顯示的第一網(wǎng)頁選項(xiàng)的點(diǎn)擊操作觸發(fā)的信號(hào)，具體 地，可以預(yù)先在該觸發(fā)信號(hào)上綁定觸發(fā)事件，該觸發(fā)事件可以執(zhí)行對第一屬性值的修改操 作。例如，當(dāng)鼠標(biāo)點(diǎn)擊網(wǎng)頁上顯示的第一網(wǎng)頁選項(xiàng)時(shí)，對第一網(wǎng)頁選項(xiàng)的第一屬性值進(jìn)行修 改，此時(shí)，可以改變第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，例如，第一網(wǎng)頁選項(xiàng)從網(wǎng)頁的待選項(xiàng) 顯示區(qū)域轉(zhuǎn)移到網(wǎng)頁的已選項(xiàng)區(qū)域，從而實(shí)現(xiàn)網(wǎng)頁的待選項(xiàng)與已選項(xiàng)的交互，相比于現(xiàn)有 技術(shù)中，通過改變兩個(gè)數(shù)組中存儲(chǔ)的網(wǎng)頁選項(xiàng)來改變網(wǎng)頁上待選項(xiàng)類表和已選項(xiàng)列表中的 選項(xiàng)，操作方便快捷，而且占用系統(tǒng)資源少。
[0040] 優(yōu)選地，第一網(wǎng)頁選項(xiàng)還包括第二屬性值，在根據(jù)觸發(fā)信號(hào)修改第一屬性值之后， 方法還包括：修改第二屬性值，其中，第二屬性用于表示選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排 序；以及根據(jù)第二屬性值確定第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序。
[0041] 如圖2所示，在網(wǎng)頁的待選項(xiàng)顯示區(qū)域中，即指標(biāo)選擇，包含獨(dú)立點(diǎn)擊者和獨(dú)立曝 光者兩個(gè)選項(xiàng)，在網(wǎng)頁的已選項(xiàng)顯示區(qū)域中，即已選指標(biāo)，包含點(diǎn)擊量和曝光量兩個(gè)選項(xiàng)， 上述多個(gè)選擇先網(wǎng)頁的不同顯示區(qū)域垂直排列，指標(biāo)選擇中選項(xiàng)的排列順序?yàn)楠?dú)立點(diǎn)擊 者、獨(dú)立曝光者，已選指標(biāo)中選項(xiàng)的排列順序?yàn)辄c(diǎn)擊量、曝光量。具體地，通過設(shè)置第二屬性 值可以確定選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序，例如，按照網(wǎng)頁選項(xiàng)被選擇的順序確定 該網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序，例如，先選擇的網(wǎng)頁選項(xiàng)位于網(wǎng)頁的顯示區(qū) 域靠前的位置，后選擇的網(wǎng)頁選項(xiàng)位于網(wǎng)頁的顯示區(qū)域靠后的位置，也可以是按照初始化 時(shí)各個(gè)網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域的排序確定各個(gè)網(wǎng)頁選項(xiàng)顯示的相對位置不變，例如， 網(wǎng)頁選項(xiàng)1在初始化時(shí)顯示在網(wǎng)頁選項(xiàng)2的前面，則在網(wǎng)頁選項(xiàng)1和網(wǎng)頁選項(xiàng)2處于同一 網(wǎng)頁顯示區(qū)域時(shí)，保證網(wǎng)頁選項(xiàng)1顯示在網(wǎng)頁選項(xiàng)2的前面。優(yōu)選地，修改第一網(wǎng)頁選項(xiàng)的 第二屬性值，其中，第二屬性用于表示選項(xiàng)在網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序包括：計(jì)算多個(gè) 網(wǎng)頁選項(xiàng)中第一屬性值為第二值的選項(xiàng)的個(gè)數(shù)；以及根據(jù)多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第 二值的選項(xiàng)的個(gè)數(shù)確定第一網(wǎng)頁選項(xiàng)的第二屬性值。
[0042] 具體地，可以預(yù)先綁定網(wǎng)頁選項(xiàng)的第二屬性值和該網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域的 排序，例如，當(dāng)網(wǎng)頁選項(xiàng)的第二屬性值為1時(shí)綁定該網(wǎng)頁選項(xiàng)排在網(wǎng)頁的顯示區(qū)域的第一 個(gè)顯示位置，當(dāng)網(wǎng)頁選項(xiàng)的第二屬性值為2時(shí)綁定該網(wǎng)頁選項(xiàng)排在網(wǎng)頁的顯示區(qū)域的第二 個(gè)顯示位置，依次類推。本發(fā)明實(shí)施例以第一網(wǎng)頁選項(xiàng)的第一屬性值為第二值時(shí)第一網(wǎng)頁 選項(xiàng)顯示在網(wǎng)頁的已選項(xiàng)顯示區(qū)域?yàn)槔M(jìn)行說明，多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第二值的 選項(xiàng)的個(gè)數(shù)即為顯示在網(wǎng)頁的已選項(xiàng)顯示區(qū)域的網(wǎng)頁選項(xiàng)的個(gè)數(shù)，即已選項(xiàng)的個(gè)數(shù)，根據(jù) 多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為第二值的網(wǎng)頁選項(xiàng)的個(gè)數(shù)確定第一網(wǎng)頁選項(xiàng)的第二屬性值 可以是根據(jù)已選項(xiàng)的個(gè)數(shù)來確定第一網(wǎng)頁在網(wǎng)頁的已選項(xiàng)顯示區(qū)域的顯示順序，例如，已 選項(xiàng)的個(gè)數(shù)為3時(shí)，此時(shí)可以修改第二屬性值為3,即將第一網(wǎng)頁選項(xiàng)排在網(wǎng)頁的已選項(xiàng)顯 示區(qū)域的第三個(gè)位置。上述方法可以保證按照用戶選擇網(wǎng)頁選項(xiàng)的順序在網(wǎng)頁的已選項(xiàng)區(qū) 域顯示選項(xiàng)，從而可以直觀的看出用戶對網(wǎng)頁上不同網(wǎng)頁選項(xiàng)的關(guān)注程度。
[0043] 可選地，網(wǎng)頁的第一顯示區(qū)域用于顯示待選項(xiàng)，待選項(xiàng)指用于選擇的選項(xiàng)，待選項(xiàng) 在網(wǎng)頁的第一顯示區(qū)域垂直排列，網(wǎng)頁的第二顯示區(qū)域用于顯示已選項(xiàng)，已選項(xiàng)是指已經(jīng) 選中的選項(xiàng)，已選項(xiàng)在網(wǎng)頁的第二顯示區(qū)域垂直排列，當(dāng)?shù)谝粚傩灾禐榈谝恢禃r(shí)，待選項(xiàng)包 括第一網(wǎng)頁選項(xiàng)，當(dāng)?shù)谝粚傩灾禐榈诙禃r(shí)，已選項(xiàng)包含第一網(wǎng)頁選項(xiàng)。
[0044] 具體地，如圖2所示，待選項(xiàng)、已選項(xiàng)列表都在網(wǎng)頁上垂直排列，選項(xiàng)內(nèi)容垂直居 中、左對齊，行之間有8像素的間距。待選項(xiàng)列表每個(gè)選項(xiàng)為藍(lán)字白底色塊，色塊為圓角， 字左內(nèi)邊距10像素，上下5像素。已選項(xiàng)列表每個(gè)選項(xiàng)為白字藍(lán)底色塊，色塊為圓角，字 左內(nèi)邊距10像素，上下5像素；文字后右對齊一個(gè)用于關(guān)閉的圖標(biāo)，圖標(biāo)為藍(lán)色叉號(hào)正方 形圓角白色底、右內(nèi)邊距10像素。點(diǎn)擊待選項(xiàng)列表選項(xiàng)時(shí)該選項(xiàng)消失，若下方有其他選 項(xiàng)，貝 1J其他項(xiàng)依次向上移一個(gè)位置；待選項(xiàng)列表中消失的選項(xiàng)出現(xiàn)在已選項(xiàng)列表，其樣式表 現(xiàn)與已選項(xiàng)列表一致，已選項(xiàng)的排序與在待選列表時(shí)的相對位置一致。點(diǎn)擊已選項(xiàng)列表中 的選項(xiàng)的關(guān)閉圖標(biāo)時(shí)，該選項(xiàng)消失，若下方有其他選項(xiàng)，則其他選項(xiàng)依次向上移一個(gè)位置； 已選項(xiàng)列表中消失的選項(xiàng)出現(xiàn)在待選列表中，樣式及排序與原來在待選列表時(shí)一致。上述 待選項(xiàng)列表和已選項(xiàng)列表在網(wǎng)頁的顯示方式較為簡潔、直觀，待選項(xiàng)列表和已選項(xiàng)列表的 交互操作也較為方便。為方便實(shí)現(xiàn)綁定，減少代碼量，本發(fā)明實(shí)施例采用Google的前端開 源框架AngrularJS、Twitter推出的前端開發(fā)的開源工具包Bootstrap進(jìn)行開發(fā)，其中， AngrularJS是一款前端JS框架，有著諸多特性，例如，模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語義 化標(biāo)簽、依賴注入，等等，Boot strap是一個(gè)CSS/HTML框架，提供了 HTML和CSS規(guī)范。此外， 在頁面HTML建立ng-app的域，根據(jù)域的范圍不同，可自由控制域在HTML中的節(jié)點(diǎn)。本發(fā) 明實(shí)施例的一個(gè)具體實(shí)現(xiàn)如下：
[0045] 如下面代碼，模塊app在html根節(jié)點(diǎn)，所以其域?yàn)檎麄€(gè)HTML頁面。

【權(quán)利要求】
1. 一種網(wǎng)頁選項(xiàng)處理方法，其特征在于，包括： 檢測第一網(wǎng)頁選項(xiàng)的第一屬性值，其中，所述第一屬性值用于表示所述第一網(wǎng)頁選項(xiàng) 在網(wǎng)頁的顯示區(qū)域，所述第一網(wǎng)頁選項(xiàng)存儲(chǔ)在第一數(shù)組中，所述第一數(shù)組存儲(chǔ)有多個(gè)網(wǎng)頁 選項(xiàng)，所述第一網(wǎng)頁選項(xiàng)為所述多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè)網(wǎng)頁選項(xiàng)，所述第一屬性值包 括第一值和第二值； 判斷所述第一屬性值是否為所述第一值或所述第二值； 如果判斷出所述第一屬性值為所述第一值，則在所述網(wǎng)頁的第一顯示區(qū)域顯示所述第 一網(wǎng)頁選項(xiàng)；W及 如果判斷出所述第一屬性值為所述第二值，則在所述網(wǎng)頁的第二顯示區(qū)域顯示所述第 一網(wǎng)頁選項(xiàng)。
2. 根據(jù)權(quán)利要求1所述的網(wǎng)頁選項(xiàng)處理方法，其特征在于，在檢測所述第一網(wǎng)頁選項(xiàng) 的第一屬性值之前，所述方法還包括： 接收對所述第一網(wǎng)頁選項(xiàng)的觸發(fā)信號(hào)，其中，所述觸發(fā)信號(hào)為用于觸發(fā)對所述第一網(wǎng) 頁選項(xiàng)進(jìn)行修改的信號(hào)；W及 根據(jù)所述觸發(fā)信號(hào)修改所述第一屬性值，其中，如果所述第一網(wǎng)頁選項(xiàng)的第一屬性值 為所述第一值，則將所述第一屬性值修改為所述第二值，如果所述第一屬性值為所述第二 值，則將所述第一屬性值修改為所述第一值。
3. 根據(jù)權(quán)利要求2所述的網(wǎng)頁選項(xiàng)處理方法，其特征在于，所述第一網(wǎng)頁選項(xiàng)還包括 第二屬性值，在根據(jù)所述觸發(fā)信號(hào)修改所述第一屬性值之后，所述方法還包括： 修改所述第二屬性值，其中，所述第二屬性用于表示所述選項(xiàng)在所述網(wǎng)頁的顯示區(qū)域 顯示時(shí)的排序；W及 根據(jù)所述第二屬性值確定所述第一網(wǎng)頁選項(xiàng)在所述網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序。
4. 根據(jù)權(quán)利要求3所述的網(wǎng)頁選項(xiàng)處理方法，其特征在于，修改所述第一網(wǎng)頁選項(xiàng)的 第二屬性值，其中，所述第二屬性用于表示所述選項(xiàng)在所述網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序 包括： 計(jì)算所述多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為所述第二值的選項(xiàng)的個(gè)數(shù)；W及 根據(jù)所述多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為所述第二值的選項(xiàng)的個(gè)數(shù)確定所述第一網(wǎng)頁 選項(xiàng)的第二屬性值。
5. 根據(jù)權(quán)利要求1所述的網(wǎng)頁選項(xiàng)處理方法，其特征在于，所述網(wǎng)頁的第一顯示區(qū)域 用于顯示待選項(xiàng)，所述待選項(xiàng)指用于選擇的選項(xiàng)，所述待選項(xiàng)在所述網(wǎng)頁的第一顯示區(qū)域 垂直排列，所述網(wǎng)頁的第二顯示區(qū)域用于顯示已選項(xiàng)，所述已選項(xiàng)是指已經(jīng)選中的選項(xiàng)，所 述已選項(xiàng)在所述網(wǎng)頁的第二顯示區(qū)域垂直排列，當(dāng)所述第一屬性值為所述第一值時(shí)，所述 待選項(xiàng)包括所述第一網(wǎng)頁選項(xiàng)，當(dāng)所述第一屬性值為所述第二值時(shí)，所述已選項(xiàng)包含所述 第一網(wǎng)頁選項(xiàng)。
6. -種網(wǎng)頁選項(xiàng)處理裝置，其特征在于，包括： 檢測單元，用于檢測第一網(wǎng)頁選項(xiàng)的第一屬性值，其中，所述第一屬性值用于表示所述 第一網(wǎng)頁選項(xiàng)在網(wǎng)頁的顯示區(qū)域，所述第一網(wǎng)頁選項(xiàng)存儲(chǔ)在第一數(shù)組中，所述第一數(shù)組存 儲(chǔ)有多個(gè)網(wǎng)頁選項(xiàng)，所述第一網(wǎng)頁選項(xiàng)為所述多個(gè)網(wǎng)頁選項(xiàng)中的任意一個(gè)網(wǎng)頁選項(xiàng)，所述 第一屬性值包括第一值和第二值； 判斷單元，用于判斷所述第一屬性值是否為所述第一值或所述第二值；w及 第一確定單元，用于在判斷出所述第一屬性值為所述第一值時(shí)，確定在所述網(wǎng)頁的第 一顯示區(qū)域顯示所述第一網(wǎng)頁選項(xiàng)，在判斷出所述第一屬性值為所述第二值時(shí)，確定在所 述網(wǎng)頁的第二顯示區(qū)域顯示所述第一網(wǎng)頁選項(xiàng)。
7. 根據(jù)權(quán)利要求6所述的網(wǎng)頁選項(xiàng)處理裝置，其特征在于，所述裝置還包括： 接收單元，用于接收對所述第一網(wǎng)頁選項(xiàng)的觸發(fā)信號(hào)，其中，所述觸發(fā)信號(hào)為用于觸發(fā) 對所述第一網(wǎng)頁選項(xiàng)進(jìn)行修改的信號(hào)；W及 第一修改單元，用于根據(jù)所述觸發(fā)信號(hào)修改所述第一屬性值，其中，如果所述第一網(wǎng)頁 選項(xiàng)的第一屬性值為所述第一值，則將所述第一屬性值修改為所述第二值，如果所述第一 屬性值為所述第二值，則將所述第一屬性值修改為所述第一值。
8. 根據(jù)權(quán)利要求7所述的網(wǎng)頁選項(xiàng)處理裝置，其特征在于，所述第一網(wǎng)頁選項(xiàng)還包括 第二屬性值，所述裝置還包括： 第二修改單元，用于修改所述第二屬性值，其中，所述第二屬性用于表示所述選項(xiàng)在所 述網(wǎng)頁的顯示區(qū)域顯示時(shí)的排序；W及 第二確定單元，用于根據(jù)所述第二屬性值確定所述第一網(wǎng)頁選項(xiàng)在所述網(wǎng)頁的顯示區(qū) 域顯示時(shí)的排序。
9. 根據(jù)權(quán)利要求8所述的網(wǎng)頁選項(xiàng)處理裝置，其特征在于，所述第二修改單元包括： 計(jì)算模塊，用于計(jì)算所述多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為所述第二值的選項(xiàng)的個(gè)數(shù)；W 及 確定模塊，用于根據(jù)所述多個(gè)網(wǎng)頁選項(xiàng)中第一屬性值為所述第二值的選項(xiàng)的個(gè)數(shù)確定 所述第一網(wǎng)頁選項(xiàng)的第二屬性值。
10. 根據(jù)權(quán)利要求6所述的網(wǎng)頁選項(xiàng)處理裝置，其特征在于，所述網(wǎng)頁的第一顯示區(qū)域 用于顯示待選項(xiàng)，所述待選項(xiàng)指用于選擇的選項(xiàng)，所述待選項(xiàng)在所述網(wǎng)頁的第一顯示區(qū)域 垂直排列，所述網(wǎng)頁的第二顯示區(qū)域用于顯示已選項(xiàng)，所述已選項(xiàng)是指已經(jīng)選中的選項(xiàng)，所 述已選項(xiàng)在所述網(wǎng)頁的第二顯示區(qū)域垂直排列，當(dāng)所述第一屬性值為所述第一值時(shí)，所述 待選項(xiàng)包括所述第一網(wǎng)頁選項(xiàng)，當(dāng)所述第一屬性值為所述第二值時(shí)，所述已選項(xiàng)包含所述 第一網(wǎng)頁選項(xiàng)。
【文檔編號(hào)】G06F17/30GK104462410SQ201410766733
【公開日】2015年3月25日 申請日期:2014年12月11日 優(yōu)先權(quán)日:2014年12月11日
【發(fā)明者】李濟(jì)景 申請人:北京國雙科技有限公司