jquery及js實現(xiàn)動態(tài)加載js文件的方法
本文實例講述了jquery及js實現(xiàn)動態(tài)加載js文件的方法。分享給大家供大家參考,具體如下:
問題:
如果用jquery append直接加載script標簽的話,會報錯的。除了document.write外,還有沒有其他的比較好的動態(tài)加載js文件的方法。
解決方法:
1、jquery方法
$.getScript("./test.js"); //加載js文件
$.getScript("./test.js",function(){ //加載test.js,成功后,并執(zhí)行回調(diào)函數(shù)
console.log("加載js文件");
});
2、js方法
<html>
<body>
</body>
</html>
<script type="text/javascript">
function loadScript(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if(typeof(callback) != "undefined"){
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else {
script.onload = function () {
callback();
};
}
}
script.src = url;
document.body.appendChild(script);
}
loadScript("jquery-latest.js", function () { //加載,并執(zhí)行回調(diào)函數(shù)
alert($(window).height());
});
//loadScript("jquery-latest.js"); //加載js文件
</script>
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript錯誤與調(diào)試技巧總結(jié)》與《JavaScript擴展技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
- 使用jQuery動態(tài)加載js腳本文件的方法
- jquery getScript動態(tài)加載JS方法改進詳解
- 一個簡單的動態(tài)加載js和css的jquery代碼
- 三種動態(tài)加載js的jquery實例代碼另附去除js方法
- 如何使用jquery動態(tài)加載js,css文件實現(xiàn)代碼
- jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
- 使用jquery動態(tài)加載Js文件和Css文件
- 使用jquery動態(tài)加載javascript以減少服務器壓力
- jquery動態(tài)加載js三種方法實例
- 使用jquery動態(tài)加載js文件的方法
- jQuery實現(xiàn)動態(tài)加載(按需加載)javascript文件的方法分析
相關文章
微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應的方法
小程序里圖片會顯示不全,這時就應該做相應的處理,使小程序里圖片顯示正確,這篇文章主要介紹了微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應的方法,感興趣的小伙伴們可以參考一下2019-01-01
文字溢出實現(xiàn)溢出的部分再放入一個新生成的div中具體代碼
說文字溢出,如何實現(xiàn)溢出的文字放入一個新生成的div中,原理就是判斷是否能在div里放下,如果不能,則在應該斷開的地方,差入到新的div中2013-05-05
Webpack中l(wèi)oader打包各種文件的方法實例
這篇文章主要給大家介紹了關于Webpack中l(wèi)oader打包各種文件的相關資料,其中包括處理css文件、less文件、scss文件、url地址以及ES6高級語法的方法,需要的朋友可以參考下2019-09-09
Bootstrap多級導航欄(級聯(lián)導航)的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap多級導航欄的實現(xiàn)代碼的相關資料,需要的朋友可以參考下2016-03-03

