使用jQuery動(dòng)態(tài)加載js腳本

昵稱(chēng)10504424 2014-04-16

展開(kāi)全文

動(dòng)態(tài)加載Javascript是一項(xiàng)非常強(qiáng)大且有用的技術(shù)。這方面的主題在本站已經(jīng)討論了不少，我也經(jīng)常會(huì)在一些個(gè)人項(xiàng)目上使用RequireJS和Dojo加載js。它們很強(qiáng)大，但有時(shí)候也會(huì)得不償失。如果你使用的是jQuery，它里面有一個(gè)內(nèi)置的方法可以用來(lái)加載單個(gè)js文件。當(dāng)你需要延遲加載一些js插件或其它類(lèi)型的文件時(shí)，可以使用這個(gè)方法。下面就介紹一下如何使用它！

　jQuery JavaScript

　　jQuery內(nèi)置了一個(gè)方法可以加載單一的js文件；當(dāng)加載完成后你可以在回調(diào)函數(shù)里執(zhí)行后續(xù)操作。最基本的使用jQuery.getScript的方法是這樣：

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
/* 
做一些加載完成后需要執(zhí)行的事情
*/ 
});

　　這個(gè)getScript方法返回一個(gè)jqxhr，你可以像下面這樣用它：

jQuery.getScript("/path/to/myscript.js")
.done(function() {
/* 耶，沒(méi)有問(wèn)題，這里可以干點(diǎn)什么 */
})
.fail(function() {
/* 靠，馬上執(zhí)行挽救操作 */
});

　　最常見(jiàn)的使用jQuery.getScript的地方是延遲加載一個(gè)js插件，而且在加載完成時(shí)執(zhí)行它：

jQuery.getScript("jquery.cookie.js")
.done(function() {
jQuery.cookie("cookie_name", "value", { expires: 7 });
});

　　如果你需要更高級(jí)的功能，比如加載多個(gè)腳本，或加載不同類(lèi)型的文件(文本文件，圖片，css等)，我建議你使用一個(gè)專(zhuān)門(mén)的JavaScript加載工具。如果是為了延遲加載一個(gè)js插件，避免每個(gè)頁(yè)面都去加載，這個(gè)getScript很完美了。

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：昵稱(chēng)10504424 > 《工作》

舉報(bào)/認(rèn)領(lǐng)