【JS】【9】使用jQuery动态加载js文件

最新推荐文章于 2025-07-10 13:46:26 发布

转载最新推荐文章于 2025-07-10 13:46:26 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huashengweilong/p/10807306.html

本文介绍如何使用jQuery动态加载JS脚本文件，并探讨了加载成功与失败时的处理方法。同时，深入讲解了缓存问题的解决策略，包括通过添加时间戳防止缓存及设置全局缓存的方法。

正文：

用法：

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* 耶，没有问题，这里可以干点什么 */
 })
 .fail(function() {
  /* 靠，马上执行挽救操作 */
});

例子：延迟加载一个js插件，而且在加载完成时执行它

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

缓存问题：不需要缓存可以在JS地址后面加时间戳，需要全局缓存的话：

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

参考博客：

1，使用jQuery动态加载js脚本文件的方法 - dangerous_fire的专栏 - 优快云博客
https://blog.youkuaiyun.com/dangerous_fire/article/details/54025907

2，javascript - 动态载入js脚本的同步/异步问题 - SegmentFault 思否
https://segmentfault.com/q/1010000007224347?_ea=1277187

转载于:https://www.cnblogs.com/huashengweilong/p/10807306.html