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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:03:39
字體:
來源:轉載
供稿:網友
動態加載Javascript是一項非常強大且有用的技術。這方面的主題在網上已經討論了不少,我也經常會在一些個人項目上使用RequireJS和Dojo加載js

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


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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 且末县| 崇义县| 东丽区| 沙坪坝区| 三穗县| 慈利县| 成都市| 健康| 黄陵县| 山阴县| 松原市| 东城区| 东乡族自治县| 横山县| 河曲县| 嫩江县| 洛南县| 阿拉善左旗| 仁布县| 扶余县| 乌拉特前旗| 兰坪| 庄河市| 兰溪市| 开化县| 昔阳县| 永靖县| 永州市| 台北县| 普兰店市| 仙居县| 湟中县| 金山区| 义乌市| 财经| 大石桥市| 孝感市| 孝感市| 中牟县| 赣榆县| 凤阳县|