本發(fā)明涉及一種計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種頁(yè)面的加載方法及裝置。

背景技術(shù)：

在現(xiàn)有的頁(yè)面加載方案中，當(dāng)頁(yè)面有可能需要調(diào)用到某頁(yè)面組件時(shí)，需先將該頁(yè)面組件所依賴的資源文件(js文件、css文件)預(yù)先寫入頁(yè)面，且必須等這些資源文件加載完畢，才會(huì)向用戶響應(yīng)首屏頁(yè)面。

然而，實(shí)際應(yīng)用中，頁(yè)面中的某些頁(yè)面組件在首屏頁(yè)面加載時(shí)并沒有起到實(shí)質(zhì)作用，但這些頁(yè)面組件的資源文件隨著首屏頁(yè)面加載會(huì)延長(zhǎng)首屏頁(yè)面的加載時(shí)間，尤其對(duì)于頁(yè)面組件較多的首屏頁(yè)面，全部加載所有資源文件將會(huì)增大首屏頁(yè)面的加載負(fù)擔(dān)，降低首屏頁(yè)面的加載速度，造成用戶打開頁(yè)面的時(shí)間過長(zhǎng)，影響用戶體驗(yàn)。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明實(shí)施例提供了一種可根據(jù)用戶需求動(dòng)態(tài)加載頁(yè)面組件的頁(yè)面的加載方法及裝置，可有效提高首屏頁(yè)面的加載速度。

本發(fā)明實(shí)施例的第一方面提供一種頁(yè)面的加載方法，包括：

針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，所述腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；

在頁(yè)面的加載過程中，加載所述腳本文件，以生成對(duì)應(yīng)的頁(yè)面；

檢測(cè)用戶在所述頁(yè)面上的觸發(fā)操作，所述觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件；

在所述腳本文件中查找與所述觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；

執(zhí)行與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載所述目標(biāo)頁(yè)面組件。

本發(fā)明實(shí)施例第二方面提供了一種頁(yè)面的加載裝置，包括：

創(chuàng)建單元，用于針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，所述腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；

加載單元，用于在頁(yè)面的加載過程中，加載所述腳本文件，以生成對(duì)應(yīng)的頁(yè)面；

檢測(cè)單元，用于檢測(cè)用戶在所述頁(yè)面上的觸發(fā)操作，所述觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件；

查找單元，用于在所述腳本文件中查找與所述觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；

執(zhí)行單元，用于執(zhí)行與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載所述目標(biāo)頁(yè)面組件。

本發(fā)明實(shí)施例提供的技術(shù)方案中，預(yù)先針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，該腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；在頁(yè)面的加載過程中，加載該腳本文件，以生成對(duì)應(yīng)的頁(yè)面；檢測(cè)用戶在頁(yè)面上的觸發(fā)操作，該觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件，在該腳本文件中查找與該觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字，并執(zhí)行與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載目標(biāo)頁(yè)面組件。因此相對(duì)于現(xiàn)有技術(shù)，本發(fā)明實(shí)施例在頁(yè)面初始加載過程中的無需全部加載頁(yè)面組件的所有資源文件，而只需加載腳本文件，以便在檢測(cè)到觸發(fā)操作時(shí)，再利用該腳本文件動(dòng)態(tài)加載對(duì)應(yīng)頁(yè)面組件，從而有效提高首屏頁(yè)面的加載速度，提升用戶體驗(yàn)。

附圖說明

圖1為本發(fā)明實(shí)施例中頁(yè)面的加載方法的一個(gè)實(shí)施例示意圖；

圖2為本發(fā)明實(shí)施例中頁(yè)面的加載裝置的一個(gè)實(shí)施例示意圖；

圖3為本發(fā)明實(shí)施例中頁(yè)面的加載裝置的另一實(shí)施例示意圖。

具體實(shí)施方式

本發(fā)明實(shí)施例提供了一種可根據(jù)用戶需求動(dòng)態(tài)加載頁(yè)面組件的頁(yè)面的加載方法及裝置，可有效提高首屏頁(yè)面的加載速度，以下分別進(jìn)行詳細(xì)說明。

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

此外，術(shù)語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。

需要說明的是，本發(fā)明實(shí)施例可以應(yīng)用于多種瀏覽器工具，具體此處不一一列舉。

請(qǐng)參閱圖1，本發(fā)明實(shí)施例中頁(yè)面的加載方法的一個(gè)實(shí)施例包括：

101、針對(duì)頁(yè)面中的頁(yè)面組件創(chuàng)建腳本文件；

在本實(shí)施例中，該腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，即在該腳本文件中，針對(duì)每個(gè)頁(yè)面組件，包含對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字和對(duì)應(yīng)的頁(yè)面組件邏輯。例如，針對(duì)頁(yè)面組件a可以包括如下內(nèi)容：c.a＝function()，其中，“c.a”對(duì)應(yīng)頁(yè)面組件a聲明的頁(yè)面組件關(guān)鍵字，“function()”對(duì)應(yīng)頁(yè)面組件a定義的頁(yè)面組件邏輯。

可以理解的是，在本實(shí)施例中，該腳本文件的數(shù)量不限，可以為一個(gè)或者多個(gè)，在實(shí)際應(yīng)用中，為了節(jié)省資源或者提高首屏頁(yè)面的加載速度，可以優(yōu)選將腳本文件設(shè)置為一個(gè)?？蛇x地，該腳本文件可以為js文件，以供瀏覽器調(diào)用。

在本實(shí)施例中，頁(yè)面組件是指一系列作用于頁(yè)面，以產(chǎn)生不同的頁(yè)面效果的代碼，該頁(yè)面組件可以為一個(gè)或者多個(gè)，具體此處不做限定。在實(shí)際應(yīng)用中，頁(yè)面組件的選取可根據(jù)實(shí)際需求從頁(yè)面關(guān)聯(lián)的所有頁(yè)面組件中選取，可以選取上述所有頁(yè)面組件中的全部或者部分，通常，頁(yè)面組件可以選取非首屏頁(yè)面對(duì)應(yīng)的頁(yè)面組件，以便無需用戶進(jìn)行觸發(fā)操作便可快速加載首屏頁(yè) 面。

102、在頁(yè)面的加載過程中，加載該腳本文件，以生成對(duì)應(yīng)的頁(yè)面；

在本實(shí)施例中，在頁(yè)面的加載過程中，涉及該頁(yè)面組件的處理時(shí)，無需加載該頁(yè)面組件的資源文件，而只需加載該腳本文件，以生成對(duì)應(yīng)的頁(yè)面?？梢岳斫獾氖牵陧?yè)面的加載過程中，還包括其他頁(yè)面內(nèi)容文件的處理，本領(lǐng)域技術(shù)人員可根據(jù)現(xiàn)有技術(shù)獲取其他頁(yè)面內(nèi)容文件的加載過程，具體此處不再贅述。

在本實(shí)施例中，在加載腳本文件以及其他頁(yè)面內(nèi)容文件后，便可生成可供用戶訪問的頁(yè)面，從而向用戶響應(yīng)首屏頁(yè)面。

103、檢測(cè)用戶在頁(yè)面上的觸發(fā)操作；

其中，該觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件。

可選地，在本實(shí)施例中，檢測(cè)用戶在頁(yè)面上的觸發(fā)操作具體可以包括檢測(cè)用戶對(duì)頁(yè)面中預(yù)設(shè)按鈕的點(diǎn)擊操作，其中，一個(gè)預(yù)設(shè)按鈕可以對(duì)應(yīng)一個(gè)目標(biāo)頁(yè)面組件，也可以對(duì)應(yīng)多個(gè)目標(biāo)頁(yè)面組件。例如，用戶點(diǎn)擊按鈕A，對(duì)應(yīng)的目標(biāo)頁(yè)面組件為頁(yè)面組件a，用戶點(diǎn)擊按鈕B，對(duì)應(yīng)的目標(biāo)頁(yè)面組件為頁(yè)面組件b，具體此處對(duì)于按鈕與頁(yè)面組件的對(duì)應(yīng)關(guān)系可根據(jù)實(shí)際需求設(shè)置，具體此處不做限定。

104、在腳本文件中查找與觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；

在本實(shí)施例中，腳本文件聲明有頁(yè)面組件的頁(yè)面組件關(guān)鍵字，由此，可根據(jù)頁(yè)面組件與頁(yè)面組件關(guān)鍵字的對(duì)應(yīng)關(guān)系查找到觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字。

例如，目標(biāo)頁(yè)面組件為頁(yè)面組件a，則在腳本文件中查到頁(yè)面組件a的頁(yè)面組件關(guān)鍵字，如步驟101中描述的“c.a”。

105、執(zhí)行與頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載該目標(biāo)頁(yè)面組件；

在本實(shí)施例中，頁(yè)面組件關(guān)鍵字用于建立目標(biāo)頁(yè)面組件與頁(yè)面組件邏輯直接的關(guān)聯(lián)，以便根據(jù)目標(biāo)頁(yè)面組件可以確定與該目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件邏輯。

可選地，在本實(shí)施例中，執(zhí)行與頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯包括：

獲取調(diào)用目標(biāo)頁(yè)面組件所需的參數(shù)；

加載該目標(biāo)頁(yè)面組件所需的資源文件；

根據(jù)該參數(shù)和該資源文件加載該目標(biāo)頁(yè)面組件。

可選地，資源文件可以包括js文件和/或css文件，并通過資源服務(wù)器加載對(duì)應(yīng)的js文件和/或css文件。其中，js文件是用javascript腳本語言編寫的文件，css文件是用于控制頁(yè)面樣式并允許將樣式信息與頁(yè)面內(nèi)容分離的一種標(biāo)記性語言。

在本實(shí)施例中，對(duì)于用戶未點(diǎn)擊的按鈕，無需執(zhí)行對(duì)應(yīng)的頁(yè)面組件的頁(yè)面組件邏輯。

本發(fā)明實(shí)施例提供的技術(shù)方案中，預(yù)先針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，該腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；在頁(yè)面的加載過程中，加載該腳本文件，以生成對(duì)應(yīng)的頁(yè)面；檢測(cè)用戶在頁(yè)面上的觸發(fā)操作，該觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件，在該腳本文件中查找與該觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字，并執(zhí)行與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載目標(biāo)頁(yè)面組件。因此相對(duì)于現(xiàn)有技術(shù)，本發(fā)明實(shí)施例在頁(yè)面初始加載過程中的無需全部加載頁(yè)面組件的所有資源文件，而只需加載腳本文件，以便在檢測(cè)到觸發(fā)操作時(shí)，再利用該腳本文件動(dòng)態(tài)加載對(duì)應(yīng)頁(yè)面組件，從而有效提高首屏頁(yè)面的加載速度，提升用戶體驗(yàn)。

為便于理解，下面以一具體應(yīng)用場(chǎng)景對(duì)上述實(shí)施例中描述的頁(yè)面的加載方法進(jìn)行詳細(xì)描述：

首先通過腳本文件對(duì)選取的頁(yè)面組件a和頁(yè)面組件b的開發(fā)規(guī)范和調(diào)用方式進(jìn)行預(yù)先約定，其中，頁(yè)面組件a所依賴的資源文件為a.js和a.css，頁(yè)面組件b所依賴的資源文件為b.js、b.css，具體包括：

針對(duì)頁(yè)面組件a和頁(yè)面組件b創(chuàng)建腳本文件c.js；其中，在腳本文件c.js中，包括以下內(nèi)容：

c.a＝function1(){/**組件a定義的邏輯**/}；

c.b＝function2(){/**組件b定義的邏輯**/}。

其中，“c.a”對(duì)應(yīng)頁(yè)面組件a聲明的頁(yè)面組件關(guān)鍵字；“function1()”對(duì)應(yīng)頁(yè)面組件a定義的頁(yè)面組件邏輯；“c.b”對(duì)應(yīng)頁(yè)面組件a聲明的頁(yè)面組件關(guān)鍵字；“function2()”對(duì)應(yīng)頁(yè)面組件b定義的頁(yè)面組件邏輯；

在頁(yè)面的初始加載過程中，無需從資源服務(wù)器加載頁(yè)面組件a和頁(yè)面組件b，而只需加載腳本文件c.js，以生成對(duì)應(yīng)的頁(yè)面，從而向用戶響應(yīng)首屏頁(yè)面。

在頁(yè)面上設(shè)置有對(duì)應(yīng)頁(yè)面組件a的按鈕A，對(duì)應(yīng)頁(yè)面組件b的按鈕B；

當(dāng)用戶點(diǎn)擊按鈕A時(shí)，在腳本文件查找與頁(yè)面組件a對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字“c.a”，并執(zhí)行function1()。

當(dāng)用戶點(diǎn)擊按鈕B時(shí)，在腳本文件查找與頁(yè)面組件b對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字“c.b”，并執(zhí)行function2()。

由此，本發(fā)明實(shí)施例在頁(yè)面初始加載過程中的無需加載頁(yè)面組件的所有資源文件(a.js、a.css、b.js以及b.css)，而只需加載腳本文件，以便在檢測(cè)用戶的點(diǎn)擊操作時(shí)，再利用該腳本文件動(dòng)態(tài)加載對(duì)應(yīng)頁(yè)面組件a和頁(yè)面組件b，從而有效提高首屏頁(yè)面的加載速度，提升用戶體驗(yàn)。

上面對(duì)本發(fā)明實(shí)施例中的頁(yè)面的加載方法進(jìn)行了描述，下面對(duì)本發(fā)明實(shí)施例中的頁(yè)面的加載裝置進(jìn)行描述，請(qǐng)參閱圖2，本發(fā)明實(shí)施例中頁(yè)面的加載裝置一個(gè)實(shí)施例包括：

創(chuàng)建單元201，用于針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，所述腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；

加載單元202，用于在頁(yè)面的加載過程中，加載所述腳本文件，以生成對(duì)應(yīng)的頁(yè)面；

檢測(cè)單元203，用于檢測(cè)用戶在所述頁(yè)面上的觸發(fā)操作，所述觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件；

查找單元204，用于在所述腳本文件中查找與所述觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；

執(zhí)行單元205，用于執(zhí)行與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以 加載所述目標(biāo)頁(yè)面組件。

為便于理解，下面以一具體應(yīng)用場(chǎng)景為例，對(duì)本實(shí)施例中頁(yè)面的加載裝置內(nèi)部運(yùn)作流程進(jìn)行描述：

創(chuàng)建單元201針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，所述腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；加載單元202在頁(yè)面的加載過程中，加載所述腳本文件，以生成對(duì)應(yīng)的頁(yè)面；檢測(cè)單元203檢測(cè)用戶在所述頁(yè)面上的觸發(fā)操作，所述觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件；查找單元204在所述腳本文件中查找與所述觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；執(zhí)行單元205執(zhí)行與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載所述目標(biāo)頁(yè)面組件。

本發(fā)明實(shí)施例提供的技術(shù)方案中，預(yù)先通過創(chuàng)建單元201針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，該腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；由加載單元202在頁(yè)面的加載過程中，加載該腳本文件，以生成對(duì)應(yīng)的頁(yè)面；并通過檢測(cè)單元203檢測(cè)用戶在頁(yè)面上的觸發(fā)操作，該觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件，由查找單元204在該腳本文件中查找與該觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字，并由執(zhí)行單元205執(zhí)行與該頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載目標(biāo)頁(yè)面組件。因此相對(duì)于現(xiàn)有技術(shù)，本發(fā)明實(shí)施例在頁(yè)面初始加載過程中的無需全部加載頁(yè)面組件的所有資源文件，而只需加載腳本文件，以便在檢測(cè)到觸發(fā)操作時(shí)，再利用該腳本文件動(dòng)態(tài)加載對(duì)應(yīng)頁(yè)面組件，從而有效提高首屏頁(yè)面的加載速度，提升用戶體驗(yàn)。

可選地，在本實(shí)施例中，所述執(zhí)行單元205可以包括：

獲取模塊2051，用于獲取調(diào)用所述目標(biāo)頁(yè)面組件所需的參數(shù)；

第一加載模塊2052，用于加載所述目標(biāo)頁(yè)面組件所需的資源文件；

第二加載模塊2053，用于根據(jù)所述參數(shù)和所述資源文件加載所述目標(biāo)頁(yè)面組件。

可選地，在本實(shí)施例中，所述檢測(cè)單元203，具體用于檢測(cè)用戶對(duì)所述頁(yè)面中預(yù)設(shè)按鈕的點(diǎn)擊操作。

可選地，在本實(shí)施例中，所述腳本文件為js文件。

可選地，在本實(shí)施例中，所述資源文件包括js文件和/或css文件。

上面從模塊化功能實(shí)體的角度對(duì)本發(fā)明實(shí)施例中的頁(yè)面的加載裝置進(jìn)行描述，下面從硬件處理的角度對(duì)本發(fā)明實(shí)施例中的頁(yè)面的加載裝置進(jìn)行描述，請(qǐng)參閱圖3，本發(fā)明實(shí)施例中頁(yè)面的加載裝置另一實(shí)施例包括：

輸入裝置301、輸出裝置302、處理器303和存儲(chǔ)器304(其中頁(yè)面的加載裝置中的處理器303的數(shù)量可以一個(gè)或多個(gè)，圖3中以一個(gè)處理器303為例)。在本發(fā)明的一些實(shí)施例中，輸入裝置301、輸出裝置302、處理器303和存儲(chǔ)器304可通過總線或其它方式連接，其中，圖3中以通過總線連接為例。

其中，通過調(diào)用存儲(chǔ)器304存儲(chǔ)的操作指令，處理器303，用于執(zhí)行如下步驟：

針對(duì)頁(yè)面的頁(yè)面組件創(chuàng)建腳本文件，其中，所述腳本文件聲明至少一個(gè)頁(yè)面組件的頁(yè)面組件關(guān)鍵字，并定義與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯；

在頁(yè)面的加載過程中，加載所述腳本文件，以生成對(duì)應(yīng)的頁(yè)面；

檢測(cè)用戶在所述頁(yè)面上的觸發(fā)操作，所述觸發(fā)操作用于請(qǐng)求調(diào)用某個(gè)或某些目標(biāo)頁(yè)面組件；

在所述腳本文件中查找與所述觸發(fā)操作所請(qǐng)求的目標(biāo)頁(yè)面組件對(duì)應(yīng)的頁(yè)面組件關(guān)鍵字；

執(zhí)行與所述頁(yè)面組件關(guān)鍵字對(duì)應(yīng)的頁(yè)面組件邏輯，以加載所述目標(biāo)頁(yè)面組件。

在本發(fā)明的一些實(shí)施例中，處理器303具體可以用于執(zhí)行以下步驟：

獲取調(diào)用所述目標(biāo)頁(yè)面組件所需的參數(shù)；

加載所述目標(biāo)頁(yè)面組件所需的資源文件；

根據(jù)所述參數(shù)和所述資源文件加載所述目標(biāo)頁(yè)面組件。

在本發(fā)明的一些實(shí)施例中，處理器303具體可以用于執(zhí)行以下步驟：

檢測(cè)用戶對(duì)所述頁(yè)面中預(yù)設(shè)按鈕的點(diǎn)擊操作。

在本發(fā)明的一些實(shí)施例中，所述腳本文件包括js文件。

在本發(fā)明的一些實(shí)施例中，所述資源文件包括js文件和/或css文件。

所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為描述的方便和簡(jiǎn)潔，上述描述的系統(tǒng)，裝置和單元的具體工作過程，可以參考前述方法實(shí)施例中的對(duì)應(yīng)過程，在此不再贅述。

在本申請(qǐng)所提供的幾個(gè)實(shí)施例中，應(yīng)該理解到，所揭露的系統(tǒng)，裝置和方法，可以通過其它的方式實(shí)現(xiàn)。例如，以上所描述的裝置實(shí)施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實(shí)際實(shí)現(xiàn)時(shí)可以有另外的劃分方式，例如多個(gè)單元或組件可以結(jié)合或者可以集成到另一個(gè)系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點(diǎn)，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性，機(jī)械或其它的形式。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部單元來實(shí)現(xiàn)本實(shí)施例方案的目的。

另外，在本發(fā)明各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理單元中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)單元中。上述集成的單元既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能單元的形式實(shí)現(xiàn)。

所述集成的單元如果以軟件功能單元的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的全部或部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括：U盤、移動(dòng)硬盤、只讀存儲(chǔ)器(ROM，Read-Only Memory)、隨機(jī)存取存儲(chǔ)器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

以上所述，以上實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對(duì)其限制； 盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其依然可以對(duì)前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。