编程 Javascript

动态加载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>

动态加载JS文件的三种方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js DOM模型操作

Dec 28 Javascript

向当前style sheet中插入一个新的style实现方法

Apr 01 Javascript

jquery遍历checkbox的注意事项说明

Feb 21 Javascript

在Ubuntu上安装最新版本的Node.js

Jul 14 Javascript

JQuery中的事件及动画用法实例

Jan 26 Javascript

JavaScript简单实现弹出拖拽窗口（二）

Jun 17 Javascript

浅谈jQuery中的checkbox问题

Aug 10 Javascript

VUE中使用Vue-resource完成交互

Jul 21 Javascript

详解在vue-cli项目中使用mockjs(请求数据删除数据)

Oct 23 Javascript

Vue infinite update loop的问题解决

Apr 23 Javascript

JavaScript Dom 绑定事件操作实例详解

Oct 02 Javascript

javascript设计模式 ? 简单工厂模式原理与应用实例分析

Apr 09 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