動態(tài)加載JS文件的三種方法
更新時間：2013年11月08日 10:07:58 作者：
動態(tài)加載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"');//這個函數(shù)是在new.js里面的，當點擊click后運行這個函數(shù)
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>
例1 重新加載js文件
復(fù)制代碼 代碼如下:
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),自己封裝成一個方法方便大家使用：
復(fù)制代碼 代碼如下:
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就可以了。
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//這個函數(shù)是在new.js里面的，當點擊click后運行這個函數(shù)
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>
您可能感興趣的文章:
- jquery及js實現(xiàn)動態(tài)加載js文件的方法
- 用ajax動態(tài)加載需要的js文件
- 如何實現(xiàn)JavaScript動態(tài)加載CSS和JS文件
- JS 動態(tài)加載js文件和css文件 同步/異步的兩種簡單方式
- JS加載器如何動態(tài)加載外部js文件
- javascript中動態(tài)加載js文件多種解決辦法總結(jié)
- 使用javaScript動態(tài)加載Js文件和Css文件
- 理解javascript中的回調(diào)函數(shù)(callback)
- js 異步操作回調(diào)函數(shù)如何控制執(zhí)行順序
- javascript 自定義回調(diào)函數(shù)示例代碼
- 原生JS實現(xiàn)動態(tài)加載js文件并在加載成功后執(zhí)行回調(diào)函數(shù)的方法
相關(guān)文章
Javascript的IE和Firefox兼容性匯編...2006-07-07
JavaScript中的Array對象是一個動態(tài)的數(shù)組，也是一個Stack,還是一個Dictionary2011-01-01
JS實現(xiàn)的input選擇圖片本地預(yù)覽功能示例
這篇文章主要介紹了JS實現(xiàn)的input選擇圖片本地預(yù)覽功能,涉及javascript針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-08-08
JavaScript中的50+個實用工具函數(shù)小結(jié)
JavaScript可以做很多出色的事情，本篇文章給大家整理50+個實用工具函數(shù)，可以幫助你提高工作效率并可以幫助調(diào)試代碼，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
在JavaScript中，函數(shù)的功能十分強大，除了函數(shù)相關(guān)的基礎(chǔ)知識外，掌握一些高級函數(shù)并應(yīng)用起來，不僅能讓JS代碼看起來更為精簡，還可以提升性能，本文是小編總結(jié)的一些常用的、重要的函數(shù)2018-01-01
使用JS-SDK開發(fā)公眾號微信網(wǎng)頁的完整步驟
微信JS-SDK是微信公眾平臺 面向網(wǎng)頁開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁開發(fā)工具包,下面這篇文章主要介紹了使用JS-SDK開發(fā)公眾號微信網(wǎng)頁的完整步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
這篇文章主要介紹了js實現(xiàn)無縫滾動特效，結(jié)合已學(xué)知識進行擴展性練習(xí)，感興趣的朋友可以參考一下2015-12-12
使用PBFunc在Powerbuilder中支付寶當面付款功能
這篇文章主要介紹了使用PBFunc在Powerbuilder中支付寶當面付款功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了npm淘寶鏡像修改講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
javascript代碼運行的過程中基本類型會找到對應(yīng)的包裝對象，然后包裝對象把所有的屬性和方法給了基本類型，然后包裝對象被系統(tǒng)進行銷毀，所以理解了包裝對象可以很好的理解之前寫的代碼為什么可以這樣做了。2015-07-07