jquery及js實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法
本文實(shí)例講述了jquery及js實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法。分享給大家供大家參考,具體如下:
問題:
如果用jquery append直接加載script標(biāo)簽的話,會(huì)報(bào)錯(cuò)的。除了document.write外,還有沒有其他的比較好的動(dòng)態(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>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》與《JavaScript擴(kuò)展技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 使用jQuery動(dòng)態(tài)加載js腳本文件的方法
- jquery getScript動(dòng)態(tài)加載JS方法改進(jìn)詳解
- 一個(gè)簡(jiǎn)單的動(dòng)態(tài)加載js和css的jquery代碼
- 三種動(dòng)態(tài)加載js的jquery實(shí)例代碼另附去除js方法
- 如何使用jquery動(dòng)態(tài)加載js,css文件實(shí)現(xiàn)代碼
- jquery動(dòng)態(tài)加載js/css文件方法(自寫小函數(shù))
- 使用jquery動(dòng)態(tài)加載Js文件和Css文件
- 使用jquery動(dòng)態(tài)加載javascript以減少服務(wù)器壓力
- jquery動(dòng)態(tài)加載js三種方法實(shí)例
- 使用jquery動(dòng)態(tài)加載js文件的方法
- jQuery實(shí)現(xiàn)動(dòng)態(tài)加載(按需加載)javascript文件的方法分析
相關(guān)文章
小程序點(diǎn)擊圖片實(shí)現(xiàn)自動(dòng)播放視頻
這篇文章主要為大家詳細(xì)介紹了小程序點(diǎn)擊圖片實(shí)現(xiàn)自動(dòng)播放視頻,停止上一個(gè)視頻播放,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
關(guān)于promise和async用法以及區(qū)別詳解
Promise是一個(gè)構(gòu)造函數(shù),我們就可以new Promise()得到一個(gè) Promise的實(shí)例,下面這篇文章主要給大家介紹了關(guān)于promise和async用法以及區(qū)別的相關(guān)資料,需要的朋友可以參考下2023-01-01
JavaScript實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼的生成
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)4位隨機(jī)驗(yàn)證碼的生成,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01
微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應(yīng)的方法
小程序里圖片會(huì)顯示不全,這時(shí)就應(yīng)該做相應(yīng)的處理,使小程序里圖片顯示正確,這篇文章主要介紹了微信小程序?qū)崿F(xiàn)富文本圖片寬度自適應(yīng)的方法,感興趣的小伙伴們可以參考一下2019-01-01
Bootstrap導(dǎo)航條學(xué)習(xí)使用(二)
這篇文章主要為大家詳細(xì)介紹了Bootstrap導(dǎo)航條的使用方法第二篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
文字溢出實(shí)現(xiàn)溢出的部分再放入一個(gè)新生成的div中具體代碼
說(shuō)文字溢出,如何實(shí)現(xiàn)溢出的文字放入一個(gè)新生成的div中,原理就是判斷是否能在div里放下,如果不能,則在應(yīng)該斷開的地方,差入到新的div中2013-05-05
Webpack中l(wèi)oader打包各種文件的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Webpack中l(wèi)oader打包各種文件的相關(guān)資料,其中包括處理css文件、less文件、scss文件、url地址以及ES6高級(jí)語(yǔ)法的方法,需要的朋友可以參考下2019-09-09
Bootstrap多級(jí)導(dǎo)航欄(級(jí)聯(lián)導(dǎo)航)的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap多級(jí)導(dǎo)航欄的實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2016-03-03

