使用jQuery加载script脚本

翻译人员: 铁锚

翻译日期: 2014年1月9日

原文日期: 2014年1月6日

原文链接: Loading Scripts with jQuery

JavaScript loaders加载器简单强大而又非常有用。我在博客上介绍过其中一些,例如 curljs  和 LABjs ,也在个人项目中使用 RequireJS 和 Dojo 加载程序。他们是如此的强大,但在某些情况下可能是杀鸡用牛刀了。如果你正在使用jQuery,就会发现jQuery内置了加载单个脚本的方法,如果你想延迟加载插件或其他类型的脚本,可能该方法会派上用场。下面介绍如何使用它!

The jQuery JavaScript
jQuery提供了 getScript 方法来加载脚本;可以通过多种方式进行结果处理。jQuery.getScript基本用法如下:
jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
    /* 当script加载并执行完成之后,可以在此处执行一些特殊处理. */
});
getScript方法的回调函数提供了一个jqxhr参数.当然,也可以像下面这样处理:
jQuery.getScript("/path/to/myscript.js")
    .done(function() {
        /* 加载成功 */
    })
    .fail(function() {
        /* 加载失败,进行 fall back 处理 */
});
jQuery.getScript 最常见的使用场景,是延迟加载某个插件,并在加载完成后使用它:
jQuery.getScript("jquery.cookie.js")
    .done(function() {
        jQuery.cookie("cookie_name", "value", { expires: 7 });
});
假如需要更高级的加载功能,比如同时加载多个脚本,或者加载不同类型的文件(文本、图片、css等等),那你应该换一个 JavaScript loader.
有时候我们想要在某种特定条件满足之后,再延迟加载一个插件,那么 $.getScript 是非常好的解决方案。
发布了112 篇原创文章 · 获赞 1688 · 访问量 530万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览