動態加載JS腳本到HTML


如果用原生態的js 有2中方法 
1、直接document.write 
<script language="javascript"> 
    document.write("<script src='test.js'><\/script>"); 
</script> 
2.動態創建 script元素 
<script> 
    var oHead = document.getElementsByTagName('HEAD').item(0); 
    var oScript= document.createElement("script"); 
    oScript.type = "text/javascript"; 
    oScript.src="test.js"; 

    oHead.appendChild( oScript); 

    script.onerror=function(e){
//移除
document.getElementById(id).remove();
     }
     script.onload=function(){
     }

</script> 
如果用jquery了那么還有什么辦不到了 
$("#div").html(htmlstr); 
其中 htmlstr 就是一段htmnl代碼 用來動態加入html代碼 
還有一個 
$.getScript("demo_ajax_script.js"); 
語法: 
jQuery.getScript(url,success(response,status)) 
這個用來動態加載一個js當然這個js 可以寫類似 $("#div").html(htmlstr); 的代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM