首頁 >web前端 >js教程 >動態載入JS檔案的三種方法_javascript技巧

動態載入JS檔案的三種方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:16:531081瀏覽

直接看實例。
例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 = n.o; >var oldjs = document.getElementById(id);
if(oldjs) oldjs.parentNode.removeChild(oldjs);
var scriptObj = document.createElement("script");
scriptObj.src = new ;
scriptObj.type = "text/javascript";
scriptObj.id   = id;
document.getElementsByTagName("head")[0].appendChild(scriptObj);
}
}


例3 jquery的就直接使用getScript就可以了。

複製程式碼 程式碼如下:




 
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn