以下是遇到的幾種動態(tài)加載JavaScript文件的方式，持續(xù)更新中。。。
一、使用document.write/writeln(）方式
該種方式可以實(shí)現(xiàn)js文件的動態(tài)加載，原理就是在重寫文檔流，這種方式會導(dǎo)致整個(gè)頁面重繪。
實(shí)現(xiàn)方式:
需要注意的是特殊字符的轉(zhuǎn)義。
二、使用jQuery
使用getScript(url,callback)方法實(shí)現(xiàn)動態(tài)加載js文件
$.getScript('test.js',function(){ alert('done');});三、使用原生js方法
原理：動態(tài)創(chuàng)建script標(biāo)簽，并指定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'); });還可以使用同樣的原理動態(tài)加載css文件，只不過插入的的父節(jié)點(diǎn)是head標(biāo)簽。
以上就是動態(tài)加載JavaScript文件的方法，希望對大家的學(xué)習(xí)有所幫助。
新聞熱點(diǎn)
疑難解答
