欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jQuery動態(tài)加載js腳本文件的方法

 更新時間：2014年04月03日 10:58:54   作者：  
動態(tài)加載Javascript是一項非常強(qiáng)大且有用的技術(shù)。這方面的主題在網(wǎng)上已經(jīng)討論了不少，我也經(jīng)常會在一些個人項目上使用RequireJS和Dojo加載js

它們很強(qiáng)大，但有時候也會得不償失。如果你使用的是jQuery，它里面有一個內(nèi)置的方法可以用來加載單個js文件。當(dāng)你需要延遲加載一些js插件或其它類型的文件時，可以使用這個方法。下面就介紹一下如何使用它！

一、jQuery getScript()方法加載JavaScript

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

復(fù)制代碼 代碼如下:

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {

 /*
  做一些加載完成后需要執(zhí)行的事情
 */ 

});


這個getScript方法返回一個jqxhr，你可以像下面這樣用它：
復(fù)制代碼 代碼如下:

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

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

復(fù)制代碼 代碼如下:

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

二、緩存問題

有一個非常重要的問題，使用jQuery.getScript時，你需要用一個時間戳字符串跟在需要加載的js地址后面，防止它被緩存。但是，如果你希望這個腳本被緩存，你需要設(shè)置全局緩存變量，像下面這樣：

復(fù)制代碼 代碼如下:

jQuery.ajaxSetup({
  cache: true
});

復(fù)制代碼 代碼如下:

jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

在加載腳本時一定要小心緩存問題！

相關(guān)文章

最新評論