專利名稱：頁(yè)面多圖切換實(shí)現(xiàn)方法及網(wǎng)絡(luò)電視嵌入式瀏覽器的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及IPTV(Interactive Personality TV,網(wǎng)絡(luò)電視)頁(yè)面展示技術(shù)領(lǐng)域， 尤其涉及一種IPTV中基于嵌入式瀏覽器的頁(yè)面多圖切換實(shí)現(xiàn)方法及網(wǎng)絡(luò)電視嵌入式瀏覽器。
背景技術(shù)：
隨著IPTV走進(jìn)千家萬(wàn)戶，更多的人體驗(yàn)到寬帶帶來(lái)的樂(lè)趣，人們的生活質(zhì)量因此得到提高。目前，IPTV系統(tǒng)中音頻視頻解碼技術(shù)、流媒體傳送技術(shù)、寬帶接入網(wǎng)絡(luò)技術(shù)以及 IP機(jī)頂盒技術(shù)都得到了快速的發(fā)展。而由于IPTV終端展示中所使用的嵌入式瀏覽器自身存在的局限性，瀏覽器支持的WEB特性相對(duì)較弱，一般只支持有限的超文本標(biāo)語(yǔ)(HTML， Hyper Text Markup Language)和功能非常有限的腳本語(yǔ)言(javascript)。此外，由于機(jī)頂盒內(nèi)存較小，嵌入式瀏覽器解析速度較慢，因此，要求在機(jī)頂盒運(yùn)行的web應(yīng)用、頁(yè)面以及請(qǐng)求次數(shù)要盡可能的少，否則會(huì)導(dǎo)致瀏覽器變慢，用戶遙控器操作緩慢，影響用戶體驗(yàn)，甚至可能影響用戶對(duì)IPTV的興趣。為了提高用戶視覺(jué)上的沖擊和愉悅性，通常采用一種多圖切換的動(dòng)感展現(xiàn)方式， 可以使展現(xiàn)給終端用戶的界面美觀、動(dòng)感并且多樣化。目前，實(shí)現(xiàn)多圖切換的方法有以下兩種1、頁(yè)面有多個(gè)顯示元素，通過(guò)javascript函數(shù)控制顯示元素是否顯示。其缺點(diǎn)是頁(yè)面有多個(gè)顯示元素，瀏覽器需要下載所有圖片，會(huì)導(dǎo)致頁(yè)面加載過(guò)慢，而且加載的頁(yè)面過(guò)大，會(huì)導(dǎo)致機(jī)頂盒響應(yīng)用戶操作緩慢。其優(yōu)點(diǎn)是只需請(qǐng)求一次，圖片都在頁(yè)面取得。2、在javascript函數(shù)內(nèi)異步取得圖片地址，其缺點(diǎn)是用戶請(qǐng)求次數(shù)增加，增加服務(wù)器的壓力，瀏覽器也會(huì)變慢。而且異步調(diào)用后臺(tái)服務(wù)的方法，并不是所有機(jī)頂盒都能良好的支持。其優(yōu)點(diǎn)是加載的頁(yè)面小，只是在需要時(shí)才去取得圖片。因此，現(xiàn)有的多圖切換方法無(wú)法同時(shí)實(shí)現(xiàn)請(qǐng)求次數(shù)少且頁(yè)面小的多圖切換效果。

發(fā)明內(nèi)容
本發(fā)明的主要目的在于提供一種頁(yè)面多圖切換實(shí)現(xiàn)方法及網(wǎng)絡(luò)電視嵌入式瀏覽器，旨在實(shí)現(xiàn)高效多圖切換，提高用戶體驗(yàn)效果。為了達(dá)到上述目的，本發(fā)明提出一種頁(yè)面多圖切換實(shí)現(xiàn)方法，包括捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；通過(guò)頁(yè)面的顯示元素下載并更新顯示與所述圖片地址對(duì)應(yīng)的圖片。優(yōu)選地，所述捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作的步驟包括按照默認(rèn)觸發(fā)條件或按照預(yù)定觸發(fā)條件，捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作。優(yōu)選地，該方法還包括設(shè)定與用戶的所述觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。優(yōu)選地，所述觸發(fā)動(dòng)作的狀態(tài)至少包括獲取焦點(diǎn)或點(diǎn)擊選中狀態(tài)。優(yōu)選地，所述頁(yè)面包括若干所述選擇元素、一所述顯示元素以及若干與所述選擇元素對(duì)應(yīng)的隱藏域元素。優(yōu)選地，所述根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址的步驟包括根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；根據(jù)所述對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取所述對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。本發(fā)明還提出一種實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器，包括觸發(fā)動(dòng)作捕捉模塊，用于捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；圖片地址獲取模塊，用于根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；圖片更新顯示模塊，用于通過(guò)頁(yè)面的顯示元素下載并更新顯示與所述圖片地址對(duì)應(yīng)的圖片。優(yōu)選地，所述觸發(fā)動(dòng)作捕捉模塊還用于按照默認(rèn)觸發(fā)條件或按照預(yù)定觸發(fā)條件， 捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作。優(yōu)選地，該網(wǎng)絡(luò)電視嵌入式瀏覽器還包括設(shè)定模塊，用于設(shè)定與用戶的所述觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。優(yōu)選地，所述圖片地址獲取模塊包括第一獲取單元，用于根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；第二獲取單元，用于根據(jù)所述對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取所述對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。本發(fā)明提出的一種頁(yè)面多圖切換實(shí)現(xiàn)方法及網(wǎng)絡(luò)電視嵌入式瀏覽器，利用機(jī)頂盒嵌入式瀏覽器有限的javascript腳本功能，捕捉用戶點(diǎn)擊和選中的動(dòng)作；引入隱藏域元素，把圖片地址儲(chǔ)存到隱藏域元素中，瀏覽器不用主動(dòng)下載該圖片，當(dāng)需要時(shí)才獲取圖片， 使得請(qǐng)求響應(yīng)快，加載頁(yè)面小，以請(qǐng)求次數(shù)最少，頁(yè)面最小的方式，高效的實(shí)現(xiàn)了多圖切換的功能，進(jìn)而使得頁(yè)面美觀、動(dòng)感、交互性強(qiáng)，提高了用戶感受，解決了現(xiàn)有技術(shù)中需要多次請(qǐng)求且頁(yè)面過(guò)大的問(wèn)題。


圖1是本發(fā)明頁(yè)面多圖切換實(shí)現(xiàn)方法一實(shí)施例流程示意圖；圖2是本發(fā)明頁(yè)面多圖切換實(shí)現(xiàn)方法一實(shí)施例中根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址的流程示意圖；圖3是本發(fā)明頁(yè)面多圖切換實(shí)現(xiàn)方法另一實(shí)施例流程示意圖；圖4是本發(fā)明實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器一實(shí)施例的結(jié)構(gòu)示意圖；圖5是本發(fā)明實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器一實(shí)施例中圖片地址獲取模塊的結(jié)構(gòu)示意圖；圖6是本發(fā)明實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器另一實(shí)施例的結(jié)構(gòu)示意圖。為了使本發(fā)明的技術(shù)方案更加清楚、明了，下面將結(jié)合附圖作進(jìn)一步詳述。
具體實(shí)施例方式本發(fā)明實(shí)施例解決方案主要是利用機(jī)頂盒嵌入式瀏覽器有限的javascript腳本功能，捕捉用戶點(diǎn)擊和選中的動(dòng)作；引入隱藏域元素，把圖片地址儲(chǔ)存到隱藏域元素中， 網(wǎng)絡(luò)電視嵌入式瀏覽器根據(jù)捕捉到的用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作，從對(duì)應(yīng)的隱藏域元素中獲取圖片地址；再通過(guò)頁(yè)面的顯示元素下載并更新顯示與圖片地址對(duì)應(yīng)的圖片，以提高頁(yè)面多圖切換的高效性及用戶感受。如圖1所示，本發(fā)明一實(shí)施例提出一種頁(yè)面多圖切換實(shí)現(xiàn)方法，包括步驟S101，捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；本實(shí)施例方法運(yùn)行環(huán)境涉及網(wǎng)絡(luò)電視(IPTV)，IPTV門戶為運(yùn)行于web服務(wù)器上的web應(yīng)運(yùn)程序，是由jsp (Java server Page, Java服務(wù)網(wǎng)頁(yè))、圖片文件、數(shù)據(jù)庫(kù)等所組成?？蛻舳藶闄C(jī)頂盒，用戶通過(guò)機(jī)頂盒的嵌入式瀏覽器訪問(wèn)頁(yè)面，頁(yè)面展示于電視機(jī)或類似的播放媒介上，用戶的操作通過(guò)機(jī)頂盒遙控器來(lái)控制，頁(yè)面展示的元素要求比較大，便于用戶選擇。本實(shí)施例中，頁(yè)面包括三種元素若干個(gè)選擇元素，一個(gè)顯示元素和若干個(gè)隱藏域元素，其中，隱藏域元素與選擇元素一一對(duì)應(yīng)，其編碼規(guī)則可以對(duì)應(yīng)一致，比如，選擇元素編碼為COO1，隱藏域元素編碼即為HOO1。選擇元素供用戶選擇，顯示元素用于顯示圖片，隱藏域元素用于存放備選的圖片地址。當(dāng)用戶選擇一個(gè)選擇元素時(shí)，則對(duì)應(yīng)選擇到一個(gè)隱藏域元素，從而可以從該對(duì)應(yīng)的隱藏域元素中獲取相應(yīng)的圖片地址。對(duì)于用戶的觸發(fā)動(dòng)作，可以預(yù)先在IPTV門戶的jsp頁(yè)面模版中定義用戶動(dòng)作以及相應(yīng)的自定義javascript函數(shù)，比如可以設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件，取代默認(rèn)的機(jī)頂盒按鍵處理。當(dāng)焦點(diǎn)在頁(yè)面上移動(dòng)時(shí)，通過(guò)嵌入式瀏覽器所提供的腳本功能捕捉用戶的動(dòng)作。若用戶的動(dòng)作滿足預(yù)定的觸發(fā)條件，則可以從對(duì)應(yīng)的隱藏域元素中獲取圖片地址。此外，嵌入式瀏覽器還可以按照默認(rèn)觸發(fā)條件，捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面的選擇元素的觸發(fā)動(dòng)作。通常，嵌入式瀏覽器通過(guò)界面鏈接響應(yīng)的用戶動(dòng)作一般有三種操作類型(動(dòng)作狀態(tài))，包括獲取焦點(diǎn)、失去焦點(diǎn)以及點(diǎn)擊選中狀態(tài)。在多圖切換的實(shí)現(xiàn)方案中一般只處理獲取焦點(diǎn)(or^ocus)及點(diǎn)擊選中(onClick)狀態(tài)。因此，本實(shí)施例在jsp頁(yè)面中定義這兩種狀態(tài)觸發(fā)的javascript函數(shù)，在該javascript函數(shù)中判斷用戶的觸發(fā)動(dòng)作。步驟S102，根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；對(duì)于用戶的觸發(fā)動(dòng)作，如果觸發(fā)動(dòng)作為獲取焦點(diǎn)或點(diǎn)擊選中，嵌入式瀏覽器則根據(jù)觸發(fā)動(dòng)作獲取用戶觸發(fā)選擇的頁(yè)面選擇元素的編號(hào)。然后，根據(jù)選擇元素的編號(hào)，獲取對(duì)應(yīng)編號(hào)的隱藏域元素，從中獲取對(duì)應(yīng)的圖片地址。如果用戶的觸發(fā)動(dòng)作不是獲取焦點(diǎn)或點(diǎn)擊選中，則調(diào)用機(jī)頂盒默認(rèn)的javascript 函數(shù)，進(jìn)行其他相應(yīng)的操作。步驟S103，通過(guò)頁(yè)面的顯示元素下載并更新顯示與圖片地址對(duì)應(yīng)的圖片。其中，一個(gè)頁(yè)面只有一個(gè)顯示元素，通常為img標(biāo)簽，顯示元素的編號(hào)id是唯一且固定，如showLiigid。通過(guò)該id獲取顯示元素的實(shí)體，再使用上述步驟S102中獲取到的隱藏域元素的圖片地址，修改顯示元素的實(shí)體的屬性(通常為img標(biāo)簽的src屬性)，則可以實(shí)現(xiàn)更新當(dāng)前頁(yè)面顯示圖片的效果。不斷重復(fù)以上步驟，只要隱藏域元素的圖片地址不一樣，則可實(shí)現(xiàn)多圖切換的頁(yè)面展示動(dòng)感效果。具體實(shí)施過(guò)程中，如圖2所示，上述步驟S102包括步驟S1021，根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；步驟S1022，根據(jù)對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。本實(shí)施例利用機(jī)頂盒嵌入式瀏覽器有限的java script腳本功能，捕捉用戶點(diǎn)擊和選中的動(dòng)作，高效的實(shí)現(xiàn)了多圖切換的功能，使得頁(yè)面美觀、動(dòng)感、交互性強(qiáng)，同時(shí)解決了現(xiàn)有技術(shù)中需要多次請(qǐng)求以及頁(yè)面過(guò)大的問(wèn)題。如圖3所示，本發(fā)明另一實(shí)施例提出一種頁(yè)面多圖切換實(shí)現(xiàn)方法，包括步驟S200，設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。步驟S201，按照預(yù)定觸發(fā)條件捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；步驟S202，根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；步驟S203，通過(guò)頁(yè)面的顯示元素下載并更新顯示與圖片地址對(duì)應(yīng)的圖片。本實(shí)施例與上述實(shí)施例的不同之處在于，本實(shí)施例中，通過(guò)在IPTV門戶的jsp頁(yè)面模版中定義用戶動(dòng)作以及相應(yīng)的自定義javascript函數(shù)，設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件，取代默認(rèn)的機(jī)頂盒按鍵處理。其他與上述實(shí)施例相同。如圖4所示，本發(fā)明一實(shí)施例提出一種實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器，包括觸發(fā)動(dòng)作捕捉模塊301、圖片地址獲取模塊302以及圖片更新顯示模塊303，其中觸發(fā)動(dòng)作捕捉模塊301，用于捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；圖片地址獲取模塊302，用于根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；圖片更新顯示模塊303，用于通過(guò)頁(yè)面的顯示元素下載并更新顯示與圖片地址對(duì)應(yīng)的圖片。
本實(shí)施例網(wǎng)絡(luò)電視嵌入式瀏覽器為機(jī)頂盒的網(wǎng)絡(luò)電視嵌入式瀏覽器，網(wǎng)絡(luò)電視 (IPTV)門戶為運(yùn)行于web服務(wù)器上的web應(yīng)運(yùn)程序，是由jsp (Java server Page, Java服務(wù)網(wǎng)頁(yè))、圖片文件、數(shù)據(jù)庫(kù)等所組成。客戶端為機(jī)頂盒，用戶通過(guò)該機(jī)頂盒的嵌入式瀏覽器訪問(wèn)頁(yè)面，頁(yè)面展示于電視機(jī)或類似的播放媒介上，用戶的操作通過(guò)機(jī)頂盒遙控器來(lái)控制， 頁(yè)面展示的元素要求比較大，便于用戶選擇。本實(shí)施例中，頁(yè)面包括三種元素若干個(gè)選擇元素，一個(gè)顯示元素和若干個(gè)隱藏域元素，其中，隱藏域元素與選擇元素一一對(duì)應(yīng)，其編碼規(guī)則可以對(duì)應(yīng)一致，比如，選擇元素編碼為COO1，隱藏域元素編碼即為HOO1。選擇元素供用戶選擇，顯示元素用于顯示圖片，隱藏域元素用于存放備選的圖片地址。當(dāng)用戶選擇一個(gè)選擇元素時(shí)，則對(duì)應(yīng)選擇到一個(gè)隱藏域元素，從而可以從該對(duì)應(yīng)的隱藏域元素中獲取相應(yīng)的圖片地址。對(duì)于用戶的觸發(fā)動(dòng)作，可以預(yù)先在IPTV門戶的jsp頁(yè)面模版中定義用戶動(dòng)作以及相應(yīng)的自定義javascript函數(shù)，比如可以設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件，取代默認(rèn)的機(jī)頂盒按鍵處理。當(dāng)焦點(diǎn)在頁(yè)面上移動(dòng)時(shí)，觸發(fā)動(dòng)作捕捉模塊301 通過(guò)嵌入式瀏覽器所提供的腳本功能捕捉用戶的動(dòng)作。若用戶的動(dòng)作滿足預(yù)定的觸發(fā)條件，圖片地址獲取模塊302則從對(duì)應(yīng)的隱藏域元素中獲取圖片地址。此外，嵌入式瀏覽器還可以按照默認(rèn)觸發(fā)條件，捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面的選擇元素的觸發(fā)動(dòng)作。通常，嵌入式瀏覽器通過(guò)界面鏈接響應(yīng)的用戶動(dòng)作一般有三種操作類型(動(dòng)作狀態(tài))，包括獲取焦點(diǎn)、失去焦點(diǎn)以及點(diǎn)擊選中狀態(tài)。在多圖切換的實(shí)現(xiàn)方案中一般只處理獲取焦點(diǎn)(or^ocus)及點(diǎn)擊選中(onClick)狀態(tài)。因此，本實(shí)施例在jsp頁(yè)面中定義這兩種狀態(tài)觸發(fā)的javascript函數(shù)，在該javascript函數(shù)中判斷用戶的觸發(fā)動(dòng)作。對(duì)于用戶的觸發(fā)動(dòng)作，如果觸發(fā)動(dòng)作為獲取焦點(diǎn)或點(diǎn)擊選中，嵌入式瀏覽器中圖片地址獲取模塊302則根據(jù)觸發(fā)動(dòng)作獲取用戶觸發(fā)選擇的頁(yè)面選擇元素的編號(hào)。然后，根據(jù)選擇元素的編號(hào)，獲取對(duì)應(yīng)編號(hào)的隱藏域元素，從中獲取對(duì)應(yīng)的圖片地址。如果用戶的觸發(fā)動(dòng)作不是獲取焦點(diǎn)或點(diǎn)擊選中，則調(diào)用機(jī)頂盒默認(rèn)的javascript 函數(shù)，進(jìn)行其他相應(yīng)的操作。本實(shí)施例中一個(gè)頁(yè)面只有一個(gè)顯示元素，通常為img標(biāo)簽，顯示元素的編號(hào)id是唯一且固定，如showLngid。圖片更新顯示模塊303通過(guò)該id獲取顯示元素的實(shí)體，再使用圖片地址獲取模塊 302獲取到的隱藏域元素的圖片地址，修改顯示元素的實(shí)體的屬性(通常為img標(biāo)簽的src 屬性)，則可以實(shí)現(xiàn)更新當(dāng)前頁(yè)面顯示圖片的效果。不斷重復(fù)以上過(guò)程，只要隱藏域元素的圖片地址不一樣，則可實(shí)現(xiàn)多圖切換的頁(yè)面展示動(dòng)感效果。如圖5所示，圖片地址獲取模塊302包括第一獲取單元3021及第二獲取單元 3022，其中第一獲取單元3021，用于根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；
第二獲取單元3022，用于根據(jù)對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。如圖6所示，本發(fā)明另一實(shí)施例提出一種實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器，在上述實(shí)施例的基礎(chǔ)上，還包括設(shè)定模塊300，用于設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。本實(shí)施例與上述實(shí)施例的不同之處在于，本實(shí)施例中，通過(guò)設(shè)定模塊300在IPTV 門戶的jsp頁(yè)面模版中定義用戶動(dòng)作以及相應(yīng)的自定義javascript函數(shù)，設(shè)定與用戶的觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件，取代默認(rèn)的機(jī)頂盒按鍵處理。其他與上述實(shí)施例相同。本發(fā)明實(shí)施例頁(yè)面多圖切換實(shí)現(xiàn)方法及網(wǎng)絡(luò)電視嵌入式瀏覽器，利用機(jī)頂盒嵌入式瀏覽器有限的javascript腳本功能，捕捉用戶點(diǎn)擊和選中的動(dòng)作；引入隱藏域元素，把圖片地址儲(chǔ)存到隱藏域元素中，瀏覽器不用主動(dòng)下載該圖片，當(dāng)需要時(shí)才獲取圖片，使得請(qǐng)求響應(yīng)快，加載頁(yè)面小，以請(qǐng)求次數(shù)最少，頁(yè)面最小的方式，高效的實(shí)現(xiàn)了多圖切換的功能， 進(jìn)而使得頁(yè)面美觀、動(dòng)感、交互性強(qiáng)，解決了現(xiàn)有技術(shù)中需要多次請(qǐng)求且頁(yè)面過(guò)大的問(wèn)題。以上所述僅為本發(fā)明的優(yōu)選實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說(shuō)明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或流程變換，或直接或間接運(yùn)用在其它相關(guān)的技術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。
權(quán)利要求
1.一種頁(yè)面多圖切換實(shí)現(xiàn)方法，其特征在于，包括捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；通過(guò)頁(yè)面的顯示元素下載并更新顯示與所述圖片地址對(duì)應(yīng)的圖片。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作的步驟包括按照默認(rèn)觸發(fā)條件或按照預(yù)定觸發(fā)條件，捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，還包括設(shè)定與用戶的所述觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述觸發(fā)動(dòng)作的狀態(tài)至少包括獲取焦點(diǎn)或點(diǎn)擊選中狀態(tài)。
5.根據(jù)權(quán)利要求1-4中任一項(xiàng)所述的方法，其特征在于，所述頁(yè)面包括若干所述選擇元素、一所述顯示元素以及若干與所述選擇元素對(duì)應(yīng)的隱藏域元素。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址的步驟包括根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；根據(jù)所述對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取所述對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。
7.一種實(shí)現(xiàn)頁(yè)面多圖切換的網(wǎng)絡(luò)電視嵌入式瀏覽器，其特征在于，包括觸發(fā)動(dòng)作捕捉模塊，用于捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；圖片地址獲取模塊，用于根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從所述頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；圖片更新顯示模塊，用于通過(guò)頁(yè)面的顯示元素下載并更新顯示與所述圖片地址對(duì)應(yīng)的圖片。
8.根據(jù)權(quán)利要求7所述的網(wǎng)絡(luò)電視嵌入式瀏覽器，其特征在于，所述觸發(fā)動(dòng)作捕捉模塊還用于按照默認(rèn)觸發(fā)條件或按照預(yù)定觸發(fā)條件，捕捉用戶通過(guò)遙控器觸發(fā)的選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作。
9.根據(jù)權(quán)利要求7所述的網(wǎng)絡(luò)電視嵌入式瀏覽器，其特征在于，還包括設(shè)定模塊，用于設(shè)定與用戶的所述觸發(fā)動(dòng)作對(duì)應(yīng)的按鍵模式，作為預(yù)定觸發(fā)條件。
10.根據(jù)權(quán)利要求7、8或9所述的網(wǎng)絡(luò)電視嵌入式瀏覽器，其特征在于，所述圖片地址獲取模塊包括第一獲取單元，用于根據(jù)所述觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，獲取對(duì)應(yīng)的隱藏域元素的編號(hào)；第二獲取單元，用于根據(jù)所述對(duì)應(yīng)的隱藏域元素的編號(hào)，獲取所述對(duì)應(yīng)的隱藏域元素內(nèi)存儲(chǔ)的圖片地址。
全文摘要
本發(fā)明涉及一種頁(yè)面多圖切換實(shí)現(xiàn)方法、網(wǎng)絡(luò)電視嵌入式瀏覽器，其方法包括捕捉用戶選擇頁(yè)面選擇元素的觸發(fā)動(dòng)作；根據(jù)觸發(fā)動(dòng)作選擇的選擇元素的編號(hào)，從頁(yè)面對(duì)應(yīng)的隱藏域元素中獲取圖片地址；通過(guò)頁(yè)面的顯示元素下載并更新顯示與圖片地址對(duì)應(yīng)的圖片。本發(fā)明利用機(jī)頂盒嵌入式瀏覽器有限的javascript腳本功能，捕捉用戶點(diǎn)擊和選中的動(dòng)作；引入隱藏域元素，把圖片地址儲(chǔ)存到隱藏域元素中，瀏覽器不用主動(dòng)下載該圖片，當(dāng)需要時(shí)才獲取圖片，使得請(qǐng)求響應(yīng)快，加載頁(yè)面小，高效的實(shí)現(xiàn)了多圖切換的功能，進(jìn)而使得頁(yè)面美觀、動(dòng)感、交互性強(qiáng)，提高用戶感受。
文檔編號(hào)H04N21/4782GK102316384SQ20111026584
公開(kāi)日2012年1月11日 申請(qǐng)日期2011年9月8日 優(yōu)先權(quán)日2011年9月8日
發(fā)明者李盼 申請(qǐng)人:中興通訊股份有限公司