一種頁面顯示方法及裝置的制造方法
【技術領域】
[0001]本發明涉及互聯網技術領域，特別涉及一種頁面顯示方法及裝置。
【背景技術】
[0002]經過近幾年的互聯網技術的飛速發展，互聯網的業務不斷增加，人們基于互聯網可以接觸到各種各樣的信息，網絡也成為人們日常工作和生活中不可或缺的一部分。比如，用戶可以利用互聯網收發工作郵件、進行視頻會議等；或者，利用互聯網瀏覽新聞、聽音樂、購物、訂餐、觀看視頻等。隨著互聯網的不斷發展進步，基于互聯網所產生的視頻信息的數據量也越來越大。當基于網絡頁面即網頁加載并顯示對應的視頻信息時，通常將相應的視頻信息加載到網頁對應的超文本標記語言(Hyper Text Markup Language，HTML)元素中，基于該HTML元素來顯示對應的視頻信息。針對上述視頻信息，在加載時，每次均需從數據庫中調用對應的資源信息，并將調用的資源信息實時加載在網頁對應的設定數量的HTML元素中。
[0003]目前，在視頻信息對應的顯示頁面上加載對應的視頻信息時，針對不同的網絡頁面，也同時加載了該網頁中關于視頻信息對應的HTML元素；而同一個網頁中視頻信息對應的HTML元素的數量是固定的，每次均加載上述HTML元素導致加載時間延長的同時，也浪費了大量的加載資源，且增加了后臺對應的代碼量。
【發明內容】
[0004]本發明實施例提供一種頁面顯示方法及裝置，用以復用同一頁面中的HTML元素僅加載對應的視頻信息，實現視頻信息加載時同一頁面中視頻信息對應的HTML元素的復用。
[0005]本發明實施例提供一種頁面顯示方法，包括:
[0006]接收針對顯示頁面的滾動條所觸發的頁面滾動操作指令，刪除顯示頁面中超文本標記語言HTML元素對應的頁面信息；
[0007]針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息；
[0008]顯示重新加載頁面信息后的顯示頁面。
[0009]在一個實施例中，所述針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息，包括:
[0010]基于所述HTML元素的元素信息，獲取所述HTML元素的設定數量；
[0011]按照獲取的所述設定數量，從數據庫中調取所述設定數量對應的頁面信息。
[0012]在一個實施例中，所述針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息，包括:
[0013]基于滾動后的顯示頁面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對應位置的視頻文件的視頻摘要文本；
[0014]根據加載到的所述視頻摘要文本，獲取所述視頻文件對應的視頻摘要圖片地址；
[0015]按照獲取到的所述視頻摘要圖片地址，加載所述視頻文件對應的視頻摘要圖片。
[0016]在一個實施例中，所述頁面顯示方法還包括:
[0017]接收針對顯示頁面的滾動條所觸發的頁面向上滾動指令；
[0018]基于所述HTML元素，在對應的顯示頁面顯示已加載的所述HTML元素對應的頁面信息。
[0019]對應于以上實施例所提供的一種頁面顯示方法，本發明實施例還提供了一種頁面顯示裝置，包括:
[0020]刪除模塊，用于接收針對顯示頁面的滾動條所觸發的頁面滾動操作指令，刪除顯示頁面中超文本標記語言HTML元素對應的頁面信息；
[0021]加載模塊，用于針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息；
[0022]顯示模塊，用于顯示重新加載頁面信息后的顯示頁面。
[0023]在一個實施例中，所述加載模塊包括:
[0024]獲取單元，用于基于所述HTML元素的元素信息，獲取所述HTML元素的設定數量；
[0025]調取單元，用于按照獲取的所述設定數量，從數據庫中調取所述設定數量對應的頁面信息。
[0026]在一個實施例中，所述加載模塊包括:
[0027]文本加載單元，用于基于滾動后的顯示頁面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對應位置的視頻文件的視頻摘要文本；
[0028]地址獲取單元，用于根據加載到的所述視頻摘要文本，獲取所述視頻文件對應的視頻摘要圖片地址；
[0029]圖片加載單元，用于按照獲取到的所述視頻摘要圖片地址，加載所述視頻文件對應的視頻摘要圖片。
[0030]在一個實施例中，所述頁面顯示裝置還包括:
[0031]接收模塊，用于接收針對顯示頁面的滾動條所觸發的頁面向上滾動指令，基于所述HTML元素，在對應的顯示頁面顯示已加載的所述HTML元素對應的頁面信息。
[0032]以上實施例所描述的一種頁面顯示方法及裝置可以達到如下有益效果:
[0033]通過接收針對顯示頁面的滾動條所觸發的頁面滾動操作指令，刪除顯示頁面中超文本標記語言HTML元素對應的頁面信息；針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息；顯示重新加載頁面信息后的顯示頁面；具有復用同一頁面中的HTML元素僅加載對應的視頻信息的有益效果，實現了視頻信息加載時同一頁面中視頻信息對應的HTML元素的復用，提高了頁面顯示的智能性，節約了實現頁面顯示所需的總代碼量。
[0034]本發明的其它特征和優點將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實施本發明而了解。本發明的目的和其他優點可通過在所寫的說明書、權利要求書、以及附圖中所特別指出的結構來實現和獲得。
[0035]下面通過附圖和實施例，對本發明的技術方案做進一步的詳細描述。
【附圖說明】
[0036]附圖用來提供對本發明的進一步理解，并且構成說明書的一部分，與本發明的實施例一起用于解釋本發明，并不構成對本發明的限制。在附圖中:
[0037]圖1為本發明根據一示例性實施例示出的一種頁面顯示方法的一種實施方式的流程圖；
[0038]圖2為本發明根據一示例性實施例示出的一種頁面顯示方法中步驟S20的一種實施方式的流程圖；
[0039]圖3為本發明根據一示例性實施例示出的一種頁面顯示方法中步驟S20的另一種實施方式的流程圖；
[0040]圖4為本發明根據一示例性實施例示出的一種頁面顯示方法的另一種實施方式的流程圖；
[0041]圖5為本發明根據一示例性實施例示出的一種頁面顯示裝置的一種實施方式的框圖；
[0042]圖6為本發明根據一示例性實施例示出的一種頁面顯示裝置中加載模塊70的一種實施方式的框圖；
[0043]圖7為本發明根據一示例性實施例示出的一種頁面顯示裝置中加載模塊70的另一種實施方式的框圖；
[0044]圖8為本發明根據一示例性實施例示出的一種頁面顯示裝置的另一種實施方式的框圖。
【具體實施方式】
[0045]以下結合附圖對本發明的優選實施例進行說明，應當理解，此處所描述的優選實施例僅用于說明和解釋本發明，并不用于限定本發明。
[0046]本發明公開的一實施例中提供了一種頁面顯示方法，用以復用同一頁面中的HTML元素僅加載對應的視頻信息，實現視頻信息加載時同一頁面中視頻信息對應的HTML元素的復用。如圖1所示，本發明實施例中一種頁面顯示方法包括步驟S10-S30:
[0047]步驟S10、接收針對顯示頁面的滾動條所觸發的頁面滾動操作指令，刪除顯示頁面中超文本標記語言HTML元素對應的頁面信息；
[0048]本發明實施例中，通過復用超文本標記語言HTML元素，來實現頁面的顯示。在執行本發明實施例所描述的頁面顯示方法時，實時監測顯示頁面上用戶觸發的操作指令，當檢測到用戶針對顯示頁面的滾動條所觸發的頁面滾動操作指令時，接收上述針對顯示頁面的滾動條所觸發的頁面滾動操作指令，解析上述針對顯示頁面的滾動條所觸發的頁面滾動操作指令，獲取所述頁面滾動操作指令中對應的顯示頁面的滾動條的滾動方向。當獲取的所述頁面滾動操作指令對應的滾動條的滾動方向為向下滾動時，刪除顯示頁面中HTML元素對應的頁面信息。
[0049]步驟S20、針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息；
[0050]針對刪除頁面信息后的HTML元素，由于僅刪除了填充在該HTML元素對應的信息顯示框中的頁面信息，該HTML元素仍保留在相應的顯示頁面上，因此，可以給予刪除信息后的HTML元素，重新加載該頁面滾動操作指令所觸發的頁面信息。
[0051]在一個實施例中，如圖2所示，所述步驟S20可以實施為如下描述的步驟S201-S202:
[0052]步驟S201、基于所述HTML元素的元素信息，獲取所述HTML元素的設定數量；
[0053]本發明實施例中，由于同一網頁中，關于視頻信息的HTML元素是固定的，比如固定為12個HTML元素，但并不等於實際資源的數量；例如，在對搜索結果分頁顯示后，每頁的結果數可能遠遠大于12個。因此，在針對刪除頁面信息后的HTML元素，重新加載所述頁面滾動操作指令所觸發的頁面信息，可以基于該顯示頁面上的HTML元素的元素信息，獲取該HTML元素的設定數量，進而根據該HTML元素的設定數量，執行對應的加載操作。
[0054]步驟S202、按照獲取的所述設定數量，從數據庫中調取所述設定數量對應的頁面信息。
[0055]在獲取到該顯示頁面上對應的HTML元素的設定數量后，在信息加載時，從數據庫中調去上述HTML元素設定數量所對應的頁面信息，進而將上述頁面信息實時加載在上述對應的HTML元素中。
[0056]在一個實施例中，如圖3所示，所述步驟S20還可以實施為如下描述的步驟S203-S205:
[0057]步驟S203、基于滾動后的顯示頁面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對應位置的視頻文件的視頻摘要文本；
[0058]本發明實施例中，針對滾動后的顯示頁面，按照該顯示頁面中對應的HTML元素的元素信息，加載顯示在上述HTML元素對應位置的視頻文件的視頻摘要文本。其中，所述視頻摘要文本包括但不限于:加載的視頻名稱、視頻時長、視頻關鍵詞