 

动态加载JS文件的三种方法_javascript技巧-js教程-

2025-04-21 10:00:38 浏览量(21)

直接看实例。
例1 重新加载js文件

function loadJs(file) {
            var head = $("head").remove("script[role='reload']");
            $("" + "" + "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就可以了。

复制代码代码如下:

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

分享到