頁面腳本便捷導入的方法及裝置的制造方法
【技術領域】
[0001]本發(fā)明涉及網頁開發(fā)領域，特別涉及一種頁面腳本便捷導入的方法及裝置。
【背景技術】
[0002]當前網頁開發(fā)過程中，每次導入一個腳本時，都需要手動輸入一連串繁復的腳本信息。如此，不僅開發(fā)效率慢，延長開發(fā)周期，并且影響代碼美觀，容易出現忽略性錯誤。

【發(fā)明內容】

[0003]本發(fā)明的主要目的是提供一種頁面腳本便捷導入的方法及裝置，可以便捷導入腳本文件以及樣式文件，提高開發(fā)效率，縮短開發(fā)周期。
[0004]本發(fā)明提出了一種頁面腳本便捷導入的方法，包括:
[0005]導入腳本文件以及樣式文件，并在所述腳本文件以及樣式文件中自定義配置屬性；
[0006]根據配置屬性檢索所述腳本文件以及樣式文件；
[0007]獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。
[0008]進一步地，所述獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中的步驟還包括:
[0009]對獲取到的腳本文件或樣式文件創(chuàng)建標簽。
[0010]進一步地，所述配置屬性包括簡要內容、文件類型、文件路徑以及文件名。
[0011]進一步地，所述腳本文件以及樣式文件包括js腳本文件以及css樣式文件。
[0012]本發(fā)明還提供了一種頁面腳本便捷導入的裝置，包括:
[0013]導入配置單元:導入腳本文件以及樣式文件，并在所述腳本文件以及樣式文件中自定義配置屬性；
[0014]檢索單元:根據配置屬性檢索所述腳本文件以及樣式文件；
[0015]獲取加載單元:獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。
[0016]進一步地，所述獲取加載單元還包括對獲取到的腳本文件或樣式文件創(chuàng)建標簽。
[0017]進一步地，所述導入配置單元自定義的配置屬性包括簡要內容、文件類型、文件路徑以及文件名。
[0018]進一步地，所述導入配置單元導入的腳本文件以及樣式文件包括js腳本文件以及CSS樣式文件
[0019]本發(fā)明提供的頁面腳本便捷導入的方法及裝置，具有以下有益效果:
[0020]本發(fā)明提供的頁面腳本便捷導入的方法及裝置，根據用戶傳入的簡短地址，通過配置信息來自動導入腳本文件以及樣式文件，并加載至開發(fā)頁面中，提高開發(fā)效率，縮短開發(fā)周期，且降低忽略性錯誤。
【附圖說明】
[0021]圖1是本發(fā)明一實施例中頁面腳本便捷導入的方法示意圖；
[0022]圖2是本發(fā)明一實施例中頁面腳本便捷導入的流程示意圖；
[0023]圖3是本發(fā)明一實施例中頁面腳本便捷導入的裝置結構示意圖。
[0024]本發(fā)明目的的實現、功能特點及優(yōu)點將結合實施例，參照附圖做進一步說明。
【具體實施方式】
[0025]應當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0026]參照圖1，為本發(fā)明一實施中頁面腳本便捷導入的方法示意圖。
[0027]本發(fā)明一實施例中提出了一種頁面腳本便捷導入的方法，包括:
[0028]步驟S1，導入腳本文件以及樣式文件，并在上述腳本文件以及樣式文件中自定義配置屬性。
[0029]步驟S2，根據配置屬性檢索上述腳本文件以及樣式文件。
[0030]步驟S3，獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。
[0031]在網頁開發(fā)過程中，通過將上述腳本文件以及樣式文件導入到網頁開發(fā)工具HTML(HyperText Markup Language，超文本標記語言)中，并在上述腳本文件以及樣式文件中自定義配置屬性(該自定義配置屬性包括簡要內容、文件類型、文件路徑以及文件名)；進一步在網頁開發(fā)時，通過配置屬性搜索對應的腳本文件以及樣式文件;獲取搜索對應的腳本文件以及樣式文件，并將其加載到開發(fā)頁面中。使用本發(fā)明實施例中頁面腳本便捷導入的方法，無需手動輸入一連串繁復的腳本信息，不僅提高開發(fā)效率，縮短開發(fā)周期，且不容易出現忽略性錯誤。
[0032]在本發(fā)明實施例中，上述獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中的步驟還包括:
[0033]對獲取到的腳本文件或樣式文件創(chuàng)建標簽，該標簽類型包括script(腳本)以及l(fā)ink(鏈接)。
[0034]進一步地，上述配置屬性包括簡要內容、文件類型、文件路徑以及文件名；上述腳本文件以及樣式文件包括js(Javascript，爪唾腳本)腳本文件以及css(Cascading StyleSheets，層疊樣式表)樣式文件，同時也可以導入其它類型的腳本文件或樣式文件。通過導入配置屬性內的簡要內容，便可以導入上述腳本文件以及樣式文件。
[0035]參照圖2，為本發(fā)明一實施例中頁面腳本便捷導入的流程示意圖。
[0036]包括:步驟S10，在HTML中導入通用config.js腳本(配置命令腳本)；
[0037]步驟S20，config.js腳本導入時，添加自定義配置屬性data(計算機中程序、文稿、數字、圖像、聲音等信息)。
[0038]在本實施例中，如下代碼所示:
[0039]〈script type = ^text/javascript^src = ^../js/config.js//data = ^js= [ js/menu, js/jsrender] ；css = [css/base] ；uri =../〃>〈/script>)
[°04°] 在data中寫入類似參數(data=” js=[路徑/文件名];css=[路徑/文件名]；root=../xx/”)；其中js和css代表所需導入文件類型，root使用相對路徑時需要指定路徑。
[0041]步驟S30，解析配置屬性。Js腳本自定義配置屬性之后，在網頁開發(fā)時，解析自定義配置屬性中的data值。再根據js或者css等不同的文件類型，調用不同的函數。最后利用數組出桟辦法，依次將上述腳本，利用document.createElement (計算機專業(yè)術語)函數創(chuàng)建所需標簽，并加載至開發(fā)頁面中，如步驟S40。在本實施例中，在進行頁面開發(fā)時，所有開發(fā)頁面都只要導入config.js,并在config.js預先配置自動需要導入的通用腳本;那么，每次只要導入config.js就會自動預先配置導入通用腳本;方便快捷，提高開發(fā)效率。
[0042]參照圖3，本發(fā)明另一實施例中還提供了一種頁面腳本便捷導入的裝置。
[0043]本發(fā)明另一實施例中提供的頁面腳本便捷導入的裝置，包括:
[0044]導入配置單元10:導入腳本文件以及樣式文件，并在上述腳本文件以及樣式文件中自定義配置屬性。
[0045]檢索單元20:根據配置屬性檢索上述腳本文件以及樣式文件。
[0046]獲取加載單元30:獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。
[0047]上述獲取加載單元30還包括對獲取到的腳本文件或樣式文件創(chuàng)建標簽，標簽類型包括script以及l(fā)ink。
[0048]上述導入配置單元10自定義的配置屬性包括簡要內容、文件類型、文件路徑以及文件名。
[0049]上述導入配置單元10導入的腳本文件以及樣式文件包括js腳本文件以及css樣式文件，同時也可以導入其它類型的腳本文件或樣式文件。通過導入配置屬性內的簡要內容，便可以導入上述腳本文件以及樣式文件。
[0050]在本實施例中，通過導入配置單元10將上腳本文件以及樣式文件導入到網頁開發(fā)工具HTML中，并在上述腳本文件以及樣式文件中自定義配置屬性;進一步在網頁開發(fā)時，檢索單元20通過配置屬性搜索對應的腳本文件以及樣式文件;獲取搜索對應的腳本文件以及樣式文件，獲取加載單元30將其加載到開發(fā)頁面中。使用本發(fā)明實施例中頁面腳本便捷導入的裝置，無需手動輸入一連串繁復的腳本信息，不僅提高開發(fā)效率，縮短開發(fā)周期，且不容易出現忽略性錯誤。
[0051]綜上所述，為本發(fā)明一實施例中提供的頁面腳本便捷導入的方法及裝置，根據用戶傳入的簡短地址，通過配置信息來自動導入腳本文件以及樣式文件，并加載至開發(fā)頁面中，無需手動輸入一連串繁復的腳本信息，提高開發(fā)效率，縮短開發(fā)周期，且降低忽略性錯誤。
[0052]以上所述僅為本發(fā)明的優(yōu)選實施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內容所作的等效結構或等效流程變換，或直接或間接運用在其他相關的技術領域，均同理包括在本發(fā)明的專利保護范圍內。
【主權項】
1.一種頁面腳本便捷導入的方法，其特征在于，包括: 導入腳本文件以及樣式文件，并在所述腳本文件以及樣式文件中自定義配置屬性； 根據配置屬性檢索所述腳本文件以及樣式文件； 獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。2.根據權利要求1所述的頁面腳本便捷導入的方法，其特征在于，所述獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中的步驟還包括: 對獲取到的腳本文件或樣式文件創(chuàng)建標簽。3.根據權利要求1所述的頁面腳本便捷導入的方法，其特征在于，所述配置屬性包括簡要內容、文件類型、文件路徑以及文件名。4.根據權利要求1所述的頁面腳本便捷導入的方法，其特征在于，所述腳本文件以及樣式文件包括js腳本文件以及css樣式文件。5.一種頁面腳本便捷導入的裝置，其特征在于，包括: 導入配置單元:導入腳本文件以及樣式文件，并在所述腳本文件以及樣式文件中自定義配置屬性； 檢索單元:根據配置屬性檢索所述腳本文件以及樣式文件； 獲取加載單元:獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。6.根據權利要求5所述頁面腳本便捷導入的裝置，其特征在于，所述獲取加載單元還包括對獲取到的腳本文件或樣式文件創(chuàng)建標簽。7.根據權利要求5所述頁面腳本便捷導入的裝置，其特征在于，所述導入配置單元自定義的配置屬性包括簡要內容、文件類型、文件路徑以及文件名。8.根據權利要求5所述頁面腳本便捷導入的裝置，其特征在于，所述導入配置單元導入的腳本文件以及樣式文件包括js腳本文件以及css樣式文件。
【專利摘要】本發(fā)明提供了一種頁面腳本便捷導入的方法及裝置，包括：導入腳本文件以及樣式文件，并在所述腳本文件以及樣式文件中自定義配置屬性；根據配置屬性檢索所述腳本文件以及樣式文件；獲取對應的腳本文件或樣式文件，并加載到開發(fā)頁面中。本發(fā)明提供的頁面腳本便捷導入的方法及裝置，可以便捷導入腳本文件以及樣式文件，提高開發(fā)效率，縮短開發(fā)周期。
【IPC分類】G06F17/30
【公開號】CN105447198
【申請?zhí)枴緾N201511017455
【發(fā)明人】代杰, 皮書章
【申請人】深圳市瑞銘無限科技有限公司
【公開日】2016年3月30日
【申請日】2015年12月30日