快捷導(dǎo)航

jquery及js實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法

更新時(shí)間：2016年01月21日 11:59:46 作者：張映

這篇文章主要介紹了jquery及js實(shí)現(xiàn)動(dòng)態(tài)加載js文件的方法,結(jié)合實(shí)例形式分別講述了基于jQuery以及基于JavaScript的文件動(dòng)態(tài)加載方法,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

解決URL地址中的中文亂碼問題的辦法
這篇文章主要介紹了解決URL地址中的中文亂碼問題的辦法的相關(guān)資料,需要的朋友可以參考下
2017-02-02
如何用JS判斷兩個(gè)數(shù)字的大小
在JS的學(xué)習(xí)中,我們經(jīng)?？赡芘龅竭@樣的問題，本文用實(shí)例演示如何正確的用JS判斷兩個(gè)數(shù)字的大小。
2016-07-07
JS實(shí)現(xiàn)圖片輪播效果實(shí)例詳解【可自動(dòng)和手動(dòng)】
這篇文章主要介紹了JS實(shí)現(xiàn)圖片輪播效果,結(jié)合完整實(shí)例形式分析了javascript可自動(dòng)和手動(dòng)輪播圖的原理、布局與輪播功能相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-04-04
js和jquery中獲取非行間樣式
本篇文章主要介紹了js和jquery中獲取非行間樣式的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-05-05
JavaScript實(shí)現(xiàn)獲取網(wǎng)絡(luò)通信進(jìn)度
這篇文章主要為大家詳細(xì)介紹了如何使用Fetch?API和XMLHttpRequest（XHR）來執(zhí)行網(wǎng)絡(luò)請(qǐng)求,并重點(diǎn)說明如何獲取這兩種方法的網(wǎng)絡(luò)請(qǐng)求進(jìn)度,感興趣的可以了解下
2023-12-12
JS實(shí)現(xiàn)的另類手風(fēng)琴效果網(wǎng)頁內(nèi)容切換代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的另類手風(fēng)琴效果網(wǎng)頁內(nèi)容切換代碼,通過JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素樣式屬性實(shí)現(xiàn)手風(fēng)琴效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
如何在js代碼中消滅for循環(huán)實(shí)例詳解
for循環(huán)對(duì)大家來說都不陌生，下面這篇文章主要給大家介紹了關(guān)于如何在js代碼中消滅for循環(huán)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-07-07
H5實(shí)現(xiàn)仿flash效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了H5實(shí)現(xiàn)仿flash效果的實(shí)現(xiàn)代碼的相關(guān)資料,希望通過本文能幫助到大家，實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下
2017-09-09
JavaScript實(shí)現(xiàn)數(shù)組降維詳解
大家都知道將多維數(shù)組（尤其是二維數(shù)組）轉(zhuǎn)化為一維數(shù)組是業(yè)務(wù)開發(fā)中的常用邏輯，除了使用樸素的循環(huán)轉(zhuǎn)換以外，我們還可以利用Javascript的語言特性和數(shù)據(jù)結(jié)構(gòu)的思想實(shí)現(xiàn)更為簡(jiǎn)潔優(yōu)雅的轉(zhuǎn)換。下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)關(guān)于JavaScript如何實(shí)現(xiàn)數(shù)組降維吧。
2017-01-01
JavaScript實(shí)現(xiàn)雪花飄落效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)雪花飄落效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12