使用jQuery加载script脚本

简介: 翻译人员: 铁锚 翻译日期: 2014年1月9日 原文日期: 2014年1月6日 原文链接: Loading Scripts with jQuery JavaScript loaders加载器简单强大而又非常有用。

翻译人员: 铁锚

翻译日期: 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 是非常好的解决方案。
目录
相关文章
|
前端开发 JavaScript
Jquery前端分页插件pagination同步加载和异步加载
Jquery前端分页插件pagination同步加载和异步加载
78 0
|
JavaScript
jQuery——手风琴完美实现效果(不会出现重复点击动画还没加载完成)
手风琴完美实现效果(不会出现重复点击动画还没加载完成)
108 0
|
存储
jquery-todolist本地存储加载到页面
jquery-todolist本地存储加载到页面
98 0
jquery-todolist本地存储加载到页面
|
存储 JavaScript 前端开发
jquery scroll 滚动加载列表 获取腾讯云图片像素信息
整体列表通过拉取腾讯云COS文件桶信息,同时图片需要展示像素信息
jquery scroll 滚动加载列表 获取腾讯云图片像素信息
|
JavaScript 开发者
jQuery_浏览器事件、文档加载事件|学习笔记
快速学习 jQuery_浏览器事件、文档加载事件
311 0
jQuery_浏览器事件、文档加载事件|学习笔记
|
JavaScript 前端开发 缓存