国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery動態加載js腳本文件的方法

2019-11-20 20:52:31
字體:
來源:轉載
供稿:網友

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

一、jQuery getScript()方法加載JavaScript

jQuery內置了一個方法可以加載單一的js文件;當加載完成后你可以在回調函數里執行后續操作。最基本的使用jQuery.getScript的方法是這樣:

復制代碼 代碼如下:

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

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

});


這個getScript方法返回一個jqxhr,你可以像下面這樣用它:
復制代碼 代碼如下:

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

最常見的使用jQuery.getScript的地方是延遲加載一個js插件,而且在加載完成時執行它:

復制代碼 代碼如下:

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

二、緩存問題

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

復制代碼 代碼如下:

jQuery.ajaxSetup({
  cache: true
});

復制代碼 代碼如下:

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武强县| 海阳市| 阿拉尔市| 平定县| 阳春市| 呼伦贝尔市| 衢州市| 陕西省| 西乌珠穆沁旗| 栾城县| 邵武市| 咸宁市| 瑞丽市| 赞皇县| 班戈县| 台山市| 江北区| 包头市| 灌南县| 三河市| 左贡县| 松江区| 红河县| 平阴县| 车险| 盖州市| 荣成市| 个旧市| 潞城市| 三都| 岢岚县| 金门县| 新巴尔虎右旗| 泰来县| 信阳市| 砀山县| 锦屏县| 临西县| 武陟县| 平泉县| 镇江市|