动态加载JS文件的三种方法
更新时间：2013年11月08日 10:07:58 作者：
动态加载JS文件的三种方法
直接看实例。
例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>
例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的IE和Firefox兼容性汇编...2006-07-07
JavaScript中的Array对象是一个动态的数组，也是一个Stack,还是一个Dictionary2011-01-01
这篇文章主要介绍了JS实现的input选择图片本地预览功能,涉及javascript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-08-08
JavaScript可以做很多出色的事情，本篇文章给大家整理50+个实用工具函数，可以帮助你提高工作效率并可以帮助调试代码，需要的朋友们下面随着小编来一起学习学习吧2021-06-06
在JavaScript中，函数的功能十分强大，除了函数相关的基础知识外，掌握一些高级函数并应用起来，不仅能让JS代码看起来更为精简，还可以提升性能，本文是小编总结的一些常用的、重要的函数2018-01-01
微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包,下面这篇文章主要介绍了使用JS-SDK开发公众号微信网页的完整步骤,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了js实现无缝滚动特效，结合已学知识进行扩展性练习，感兴趣的朋友可以参考一下2015-12-12
使用PBFunc在Powerbuilder中支付宝当面付款功能
这篇文章主要介绍了使用PBFunc在Powerbuilder中支付宝当面付款功能的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-10-10
这篇文章主要介绍了npm淘宝镜像修改讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
javascript代码运行的过程中基本类型会找到对应的包装对象，然后包装对象把所有的属性和方法给了基本类型，然后包装对象被系统进行销毁，所以理解了包装对象可以很好的理解之前写的代码为什么可以这样做了。2015-07-07
最新评论