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

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

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

本文實例講述了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程序設計有所幫助。

您可能感興趣的文章:

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