栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

使用jQuery动态加载js脚本文件的方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jQuery动态加载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 });
});

在加载脚本时一定要小心缓存问题!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/107576.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号