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

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

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

當(dāng)我做前端開發(fā)時(shí)，我們會(huì)經(jīng)常遇到這樣的情況：我可能需要引入一些包做一些特殊的事情，可是這個(gè)包在部分的情況是用不到的。所以我們就希望在需要的時(shí)候再加載這個(gè)包。
下面提供一個(gè)比較好的方法，用來動(dòng)態(tài)加載這個(gè)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)這個(gè)方法時(shí)，傳入文件路徑和文件類型（js， css）。這樣就會(huì)在標(biāo)簽里加包的導(dǎo)入

GPU云服務(wù)器云服務(wù)器 js css 加載器 js css加載器 js異步加載css js實(shí)現(xiàn)登錄時(shí)驗(yàn)證

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/115126.html

相關(guān)文章

require.js學(xué)習(xí)記錄

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

鄒強(qiáng) 2019-08-23 12:18 評(píng)論0 收藏0
JS模塊化工具 requirejs 學(xué)習(xí)文檔

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

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

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

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

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

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

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

hedge_hog 2019-08-01 16:45 評(píng)論0 收藏0