首頁 > web前端 > js教程 > 使用jQuery動態載入js腳本檔案的方法_jquery

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

WBOY
發布: 2016-05-16 16:53:32
原創
1145 人瀏覽過

它們很強大,但有時候也會得不償失。如果你使用的是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.ajaxSetup({




複製程式碼


程式碼如下:

.cookie.js",
      dataType: "script",      cache: true}).done(function() { ookie,Query. : 7 });});在載入腳本時一定要小心快取問題!
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板