使用jQuery加载script脚本
2015-01-04 09:47
387 查看
原文链接: Loading Scripts with jQuery
JavaScript loaders加载器简单强大而又非常有用。我在博客上介绍过其中一些,例如 curljs 和 LABjs ,也在个人项目中使用 RequireJS 和 Dojo 加载程序。他们是如此的强大,但在某些情况下可能是杀鸡用牛刀了。如果你正在使用jQuery,就会发现jQuery内置了加载单个脚本的方法,如果你想 延迟加载插件或其他类型的脚本,可能该方法会派上用场。下面介绍如何使用它!
The jQuery JavaScript
jQuery提供了 getScript 方法来加载脚本;可以通过多种方式进行结果处理。jQuery.getScript基本用法如下:
getScript方法的回调函数提供了一个jqxhr参数.当然,也可以像下面这样处理:
jQuery.getScript 最常见的使用场景,是延迟加载某个插件,并在加载完成后使用它:
假如需要更高级的加载功能,比如同时加载多个脚本,或者加载不同类型的文件(文本、图片、css等等),那你应该换一个 JavaScript loader.
有时候我们想要在某种特定条件满足之后,再延迟加载一个插件,那么 $.getScript 是非常好的解决方案。
原文链接:http://blog.csdn.net/renfufei/article/details/18039237
另一种方法:
如添加jquery.js
var SCRIPT = document.createElement("SCRIPT");
SCRIPT.src = "noie6/js/jquery.js";
SCRIPT.type = "text/javascript";
document.getElementsByTagName("HEAD").item(0).appendChild(SCRIPT);
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 是非常好的解决方案。
原文链接:http://blog.csdn.net/renfufei/article/details/18039237
另一种方法:
如添加jquery.js
var SCRIPT = document.createElement("SCRIPT");
SCRIPT.src = "noie6/js/jquery.js";
SCRIPT.type = "text/javascript";
document.getElementsByTagName("HEAD").item(0).appendChild(SCRIPT);
相关文章推荐
- 使用jQuery加载script脚本
- 使用jQuery加载script脚本
- 使用jQuery动态加载js脚本文件的方法
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本
- 使用jQuery动态加载js脚本文件的方法
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本
- 使用jQuery异步加载 JavaScript脚本解决方案
- 怎么让使用jquery的load方式加载的html中的脚本加断点
- 使用jQuery动态加载js脚本文件的方法
- 使用jQuery加载js脚本
- 使用jQuery动态加载js脚本文件的方法
- 使用jQuery异步加载 JavaScript脚本解决方案
- [原]ASP.NET中使用JQUERY-EASYUI后,解决ClientScript.RegisterStartupScript 所注册脚本执行两次
- 使用ClientScriptManager向客户端注册脚本
- 怎样使用链接脚本文件实现分散加载
- 用JQuery 实现AJAX加载XML并解析的脚本
- 使用JQuery实现延迟加载UserControl
- jquery按需加载js和css插件使用说明
- 使用jQuery在Div中加载其他页面