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

一、jQuery getScript()方法加載JavaScript

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

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

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

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

});

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

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

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í)行它：

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

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

二、緩存問(wèn)題

有一個(gè)非常重要的問(wèn)題，使用jQuery.getScript時(shí)，你需要用一個(gè)時(shí)間戳字符串跟在需要加載的js地址后面，防止它被緩存。但是，如果你希望這個(gè)腳本被緩存，你需要設(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 });
});

在加載腳本時(shí)一定要小心緩存問(wèn)題！

您可能感興趣的文章: