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í)行回調函數(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í)行回調函數(shù) alert($(window).height()); }); //loadScript("jquery-latest.js"); //加載js文件 </script>
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript錯誤與調試技巧總結》與《JavaScript擴展技巧總結》
希望本文所述對大家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文件的方法分析
相關文章
文字溢出實現(xiàn)溢出的部分再放入一個新生成的div中具體代碼
說文字溢出,如何實現(xiàn)溢出的文字放入一個新生成的div中,原理就是判斷是否能在div里放下,如果不能,則在應該斷開的地方,差入到新的div中2013-05-05Webpack中l(wèi)oader打包各種文件的方法實例
這篇文章主要給大家介紹了關于Webpack中l(wèi)oader打包各種文件的相關資料,其中包括處理css文件、less文件、scss文件、url地址以及ES6高級語法的方法,需要的朋友可以參考下2019-09-09Bootstrap多級導航欄(級聯(lián)導航)的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap多級導航欄的實現(xiàn)代碼的相關資料,需要的朋友可以參考下2016-03-03