动态加载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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
用javascript做拖动布局的思路
May 31 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
jquery 延迟执行实例介绍
Aug 20 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
Sep 09 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
vue中eventbus被多次触发以及踩过的坑
Dec 02 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
简谈创建React Component的几种方式
Jun 15 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
ThinkPHP登录功能的实现方法
2014/08/20 PHP
Smarty最简单实现列表奇偶变色的方法
2015/07/01 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
jquery图片滚动放大代码分享(2)
2015/08/28 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
Vue.directive使用注意(小结)
2018/08/31 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python编程使用协程并发的优缺点
2018/09/20 Python
Python设计模式之状态模式原理与用法详解
2019/01/15 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
Python PyInstaller安装和使用教程详解
2020/01/08 Python
Python字典fromkeys()方法使用代码实例
2020/07/20 Python
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
经贸日语专业个人求职信
2013/12/13 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
幼儿评语大全
2014/04/30 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
五水共治捐款倡议书
2014/05/14 职场文书
golang slice元素去重操作
2021/04/30 Golang