JS 實現(xiàn)需要時加載js和css文件

henry14 發(fā)布于2019-08-30 12:52 / 1013人閱讀

摘要：所以我們就希望在需要的時候再加載這個包。下面提供一個比較好的方法，用來動態(tài)加載這個和文件你只需要在調(diào)這個方法時，傳入文件路徑和文件類型，。

當我做前端開發(fā)時，我們會經(jīng)常遇到這樣的情況：我可能需要引入一些包做一些特殊的事情，可是這個包在部分的情況是用不到的。所以我們就希望在需要的時候再加載這個包。
下面提供一個比較好的方法，用來動態(tài)加載這個js 和css文件

function $import(path,type,title){ 
var s,i; 
if(!type) type=path.substr(path.lastIndexOf(".")+1); 
if(type=="js"){ 
var ss=document.getElementsByTagName("script"); 
for(i=0;i
你只需要在調(diào)這個方法時，傳入文件路徑和文件類型（js， css）。這樣就會在標簽里加包的導入

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/115126.html

require.js學習記錄

摘要：工作方式為使用將每一個依賴加載為一個標簽。然后在被瀏覽器加載完畢后，便會自動繼承之前配置的參數(shù)。可以單獨定義鍵值隊數(shù)據(jù)，作為配置文件來使用還可以定義依賴的關系壓縮使用來進行壓縮時，需要指定文件。在鏈接中有很好的示例，可以參看學習。 1、簡介官方對requirejs的描述：RequireJS is a JavaScript file and module loader. It is o...

鄒強 2019-08-23 12:18 評論0 收藏0
JS模塊化工具 requirejs 學習文檔

摘要：模塊化工具學習文檔作為一個開發(fā)者，原來寫代碼都是流水賬式的，一直想寫出模塊化的，但是前端工具多如牛毛，確都是針對于的打包工具。之中導入對應模塊即可。如果設為，則禁用等待超時。 JS模塊化工具 requirejs 學習文檔作為一個Java開發(fā)者，原來寫js代碼都是流水賬式的，一直想寫出模塊化的js，但是前端工具多如牛毛，確都是針對于nodejs的打包工具。但是我在實際的開發(fā)過程中，并沒...

Galence 2019-08-22 18:47 評論0 收藏0
不簡單的前端性能優(yōu)化

摘要：本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供，篇幅較長建議電腦觀看。百度統(tǒng)計代碼注意，的腳本不會被阻塞，完成后立即執(zhí)行，但是有可能會阻塞關鍵渲染路徑。本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供demo，篇幅較長建議電腦觀看。前端優(yōu)化的方面太多，本文介紹的僅僅是其中的一部分，力求涵蓋關鍵渲染路徑的方方面面，及一些不常被提到的網(wǎng)絡優(yōu)化部分。測試環(huán)境如無特殊說明均...

RobinQu 2019-08-29 12:30 評論0 收藏0
不簡單的前端性能優(yōu)化

摘要：本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供，篇幅較長建議電腦觀看。百度統(tǒng)計代碼注意，的腳本不會被阻塞，完成后立即執(zhí)行，但是有可能會阻塞關鍵渲染路徑。本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供demo，篇幅較長建議電腦觀看。前端優(yōu)化的方面太多，本文介紹的僅僅是其中的一部分，力求涵蓋關鍵渲染路徑的方方面面，及一些不常被提到的網(wǎng)絡優(yōu)化部分。測試環(huán)境如無特殊說明均...

developerworks 2019-08-20 16:07 評論0 收藏0
不簡單的前端性能優(yōu)化

摘要：本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供，篇幅較長建議電腦觀看。百度統(tǒng)計代碼注意，的腳本不會被阻塞，完成后立即執(zhí)行，但是有可能會阻塞關鍵渲染路徑。本文主要介紹關鍵渲染路徑與網(wǎng)絡兩個方面的性能優(yōu)化并提供demo，篇幅較長建議電腦觀看。前端優(yōu)化的方面太多，本文介紹的僅僅是其中的一部分，力求涵蓋關鍵渲染路徑的方方面面，及一些不常被提到的網(wǎng)絡優(yōu)化部分。測試環(huán)境如無特殊說明均...

hedge_hog 2019-08-01 16:45 評論0 收藏0