动态加载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 相关文章推荐
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
JavaScript组件开发之输入框加候选框
Mar 10 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
vue项目关闭eslint校验
Mar 21 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
vue使用高德地图根据坐标定位点的实现代码
Aug 22 Javascript
JavaScript多种图形实现代码实例
Jun 28 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
如何过滤高亮显示非法字符
2006/10/09 PHP
php网页后退不再出现过期
2007/03/08 PHP
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
php知道与问问的采集插件代码
2010/10/12 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
详解PHP实现异步调用的4种方法
2016/03/14 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
Jquery实现图片左右自动滚动示例
2013/09/25 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
Python学习资料
2007/02/08 Python
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python中的groupby分组功能的实例代码
2018/07/11 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
商务日语毕业生自荐信范文
2013/11/14 职场文书
复核员上岗演讲稿
2014/01/05 职场文书
小学端午节活动方案
2014/03/13 职场文书
工程质量承诺书范文
2014/03/27 职场文书
小学评语大全
2014/04/22 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
2015年大学辅导员工作总结
2015/05/12 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers