jQuery.getScript加载同域JS的代码
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置： &
[ 所属分类
作者 红领巾 ]
解决方法，用以下方法加载js: 复制代码 代码如下: var loadScript = function(url, callback, charset){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); if(charset){ script.charset = } script.src = if(!callback){
} script.onload = script.onreadystatechange = function(){ if(!this.readyState || this.readyState==='loaded' || this.readyState==='complete'){ callback(); } }; head.appendChild(script); };
本文前端（javascript）相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程
转载请注明本文标题：本站链接：
分享请点击：
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
慎思之！缓行之！徐图之！
手机客户端
，专注代码审计及安全周边编程，转载请注明出处：http://www.codesec.net
转载文章如有侵权，请邮件 admin[at]codesec.netjs动态加载script文件——业余草
在很多时候我们都会用到动态加载js文件的功能。比如我的博客在首页中不需要加载第三方的多说评论插件，而在文章页则需要加载。再比如在文章页会加载打赏插件功能等等，都使用的是动态加载script文件的功能。
可见动态加载js在工作中是非常常见的功能，它能极大的提升我们网站的性能和响应速度。目前也有一些主流的框架采用动态加载js的做法，如RequireJS和Dojo加载js，AngularJS，Extjs等。那么它们是如何做的呢？
通常有4中方法来实现动态加载js脚本(前3中都是异步的)：
1、直接document.write
&script language=&javascript&&
document.write(&&script src='xttblog.js'&&/script&&); &/script&
2、动态改变已有script的src属性
&script src='' id=&xttblog&&&/script& &script language=&javascript&&
xttblog.src=&xttblog.js& &/script&
3、动态创建script元素
var head = document.getElementsByTagName('HEAD').item(0),
script= document.createElement(&script&);
script.type = &text/javascript&;
script.src=&xttblog.js&;
head.appendChild( script); &/script&
4、原理：用 XMLHTTP 取得要脚本的内容，再创建 Script 对象。
这种做法太复杂，我推荐大家使用jQuery框架的功能来加载。如下：
jQuery.getScript(&/path/xttblog.js&,
function(data, status, jqxhr) {
*做一些加载完成后需要执行的事情
*当加载完成后你可以在回调函数里执行后续操作
});jQuery.ajax({
url: &/path/xttblog.js&,
dataType: &script&,
cache: true //进行缓存}).done(function() {
/*加载成功回调函数*/
}).fail(function() {
/*加载失败回调函数*/ };
如果你不想使用缓存，可以设置cache:false，或者在url上加时间戳。
原文地址：
最新教程周点击榜
微信扫一扫使用jQuery动态加载js脚本文件的方法
字体：[ ] 类型：转载 时间：
动态加载Javascript是一项非常强大且有用的技术。这方面的主题在网上已经讨论了不少，我也经常会在一些个人项目上使用RequireJS和Dojo加载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 });});在加载脚本时一定要小心缓存问题！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具使用jQuery动态加载js脚本
使用jQuery动态加载js脚本
发表评论：
TA的推荐TA的最新馆藏}