动态加载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>
相关文章
这篇文章主要为大家详细介绍了Bootstrap布局组件，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要给大家分享的是JavaScript中检测数据类型的四种方法，有 typeof、instanceof、constructor、Object.prototype.toString.call()，下面文章详细介绍内容，需要的小伙伴可以参考一下2022-01-01
这篇文章主要介绍了如何用CocosCreator制作微信小游戏，从下载工具到配置，最后连接微信小游戏预览，一步步很详细，希望读者们仔细看一下2021-04-04
通过action传过来的值在option获取进行验证，下面有个不错的示例，需要的朋友不要错过2013-11-11
本篇文章主要是对js 判断控件获得焦点的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要介绍了JavaScript封闭函数及常用内置对象,结合实例形式分析了JavaScript封闭函数及常用内置对象的定义与简单使用相关操作技巧,需要的朋友可以参考下2019-05-05
为了测试这个智能识别插件，我试了很多壁纸图片，都能智能裁剪出图片的主体部分，转而尝试了一下chrome和Firefox以及IE，发现IE只有10以上的版本才支持，chrome和Firefox支持，手机浏览器不支持，这到底是啥黑科技？？今天我们就来详细看看2015-10-10
这篇文章主要介绍了使用JS location实现搜索框历史记录功能，本文通过实例 代码讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
下面小编就为大家带来一篇使用JS实现图片展示瀑布流效果的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
js自执行函数的几种不同写法的比较,需要的朋友可以参考下2012-08-08
最新评论