动态加载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