這次帶給大家動態載入JS檔案三種方式總結，使用動態載入JS檔案三種方式的注意事項有哪些，以下就是實戰案例，一起來看一下。
一、使用document.write/writeln(）方式
該種方式可以實作js檔案的動態加載，原理就是在重寫入文檔流，這種方式會導致整個頁面重繪。
document.writeln("<script src=\"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js\"></script>");要注意的是特殊字元的轉義。
二、使用jQuery
使用getScript(url,callback)方法實作動態載入js檔案
$.getScript('test.js',function(){
alert('done');
});
三、使用原生js方法
原理：動態建立script標籤，並指定script的src屬性
function loadJs(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);
}
loadJs("test.js",function(){
alert('done');
});
還可以使用同樣的原理動態載入css文件，只不過插入的的父節點是head標籤。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是動態載入JS檔三種方式總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！