使用jQuery動態載入js腳本檔案的方法_jquery

它們很強大，但有時候也會得不償失。如果你使用的是jQuery，它裡面有一個內建的方法可以用來載入單一js檔案。當你需要延遲載入一些js插件或其它類型的檔案時，可以使用這個方法。下面就來介紹如何使用它吧！

一、jQuery getScript()方法載入JavaScript

jQuery內建了一個方法可以載入單一的js檔案；當載入完成後你可以在回呼函數裡執行後續操作。最基本的使用jQuery.getScript的方法是這樣：

複製程式碼 程式碼如下:

 /*   做一些載入完成後需要執行的事情

 */ 

});

這個getScript方法回傳一個jqxhr，你可以像下面這樣用它：

複製程式碼複製程式碼

程式碼如下:


jQuery.getScript("/path/to/myscript.js")
 .done(function() {
js沒問題，這裡可以做什麼*/
 })
 .fail(function() {
  /* 靠，馬上執行挽救操作*/

});

最常見的使用jQuery.getScript的地方是延遲載入一個js插件，而且在載入完成時執行它：複製程式碼

複製程式碼


程式碼如下:

jQuery.getScript("jquery.cookie.js")

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

二、快取問題 有一個很重要的問題，使用jQuery.getScript時，你需要用一個時間戳字串跟在需要載入的js位址後面，防止它被快取。但是，如果你希望這個腳本被緩存，你需要設定全域快取變量，像下面這樣：

複製程式碼


程式碼如下:

jQuery.ajaxSetup({

jQuery.ajaxSetup({});

複製程式碼


程式碼如下:

.cookie.js",
      dataType: "script",      cache: true}).done(function() { ookie,Query. : 7 });});在載入腳本時一定要小心快取問題！