动态加载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 相关文章推荐
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
JavaScript获取中英文混合字符串长度的方法示例
Feb 04 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
react-router 路由切换动画的实现示例
Dec 03 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
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模板原理讲解
2013/11/13 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
PHP实现批量检测网站是否能够正常打开的方法
2016/08/23 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
深入了解Node.js中的一些特性
2014/09/25 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
jQuery旋转插件jqueryrotate用法详解
2016/10/13 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
JS实现的base64加密解密操作示例
2018/04/18 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
js实现搜索栏效果
2018/11/16 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
在Layui中实现开关按钮的效果实例
2019/09/29 Javascript
简化Python的Django框架代码的一些示例
2015/04/20 Python
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
Python hashlib模块实例使用详解
2019/12/24 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
美国存储和组织商店:The Container Store
2017/08/16 全球购物
安全责任书模板
2014/07/22 职场文书
2014年工商所工作总结
2014/12/09 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
刑事起诉书范文
2015/05/19 职场文书
追悼会悼词大全
2015/06/23 职场文书
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle