动态加载JS文件的三种方法


Posted in Javascript onNovember 08, 2013

直接看实例。
例1 重新加载js文件

function loadJs(file) {
            var head = $("head").remove("script[role='reload']");
            $("<scri" + "pt>" + "</scr" + "ipt>").attr({ role: 'reload', src: file, type: 'text/javascript' }).appendTo(head);
}
 

例2 重新载入javascript文件的方法(给js定个id),自己封装成一个方法方便大家使用:
function reloadAbleJSFn(id,newJS)
{
var oldjs = null; 
var t = null; 
var oldjs = document.getElementById(id); 
if(oldjs) oldjs.parentNode.removeChild(oldjs); 
var scriptObj = document.createElement("script"); 
scriptObj.src = newJS; 
scriptObj.type = "text/javascript"; 
scriptObj.id   = id; 
document.getElementsByTagName("head")[0].appendChild(scriptObj);
}
 

例3 jquery的就直接使用getScript就可以了。
<script type="text/javascript" src="../jquery.js"></script> 
<script type="text/javascript"> 
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的,当点击click后运行这个函数
});
});
});
</script> 
</head> 
<body> 
<button type="button" id="loadButton">Load</button>
 
Javascript 相关文章推荐
翻译整理的jQuery使用查询手册
Mar 07 Javascript
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
jQuery控制cookie过期时间的方法
Apr 07 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
bootstrap fileinput 插件使用项目总结(经验)
Feb 22 Javascript
详解node中创建服务进程
May 09 Javascript
微信小程序实现授权登录
May 15 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 Javascript
countup.js实现数字动态叠加效果
Oct 17 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 #Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 #Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 #Javascript
JavaScript中this的使用详解
Nov 08 #Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 #Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 #Javascript
原生js做的手风琴效果的导航菜单
Nov 08 #Javascript
You might like
献给php初学者(入门学习经验谈)
2010/10/12 PHP
php define的第二个参数使用方法
2013/11/04 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
PHP函数checkdnsrr用法详解(Windows平台用法)
2016/03/21 PHP
ThinkPHP实现简单登陆功能
2017/04/28 PHP
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
python使用多线程不断刷新网页的方法
2015/03/31 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Python简单定义与使用字典dict的方法示例
2017/07/25 Python
numpy中的高维数组转置实例
2018/04/17 Python
Django contenttypes 框架详解(小结)
2018/08/13 Python
python编程使用协程并发的优缺点
2018/09/20 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
三年大学自我鉴定
2014/01/16 职场文书
室内设计专业自荐信
2014/05/31 职场文书
人事局接收函
2015/01/31 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL