javascript如何动态加载js文件

<script type="text/javascript" src="mayi.js"></script>

上面是咱们常见的加载js文件的方式。

二.动态创建<script>对象方式:

<script>
var head=document.getElementsByTagName("head")[0]; 
var script=document.createElement("script"); 
script.type="text/javascript"; 
script.src="mayi.js"; 
head.appendChild(script);
</script>

以上代码可以实现js文件的动态加载效果。

不过上面的代码需要进行补充，因为需要判断js文件是否加载完毕，代码修改如下:

<script>
var head= document.getElementsByTagName('head')[0]; 
var script= document.createElement('script'); 
script.type='text/javascript'; 
script.onload = script.onreadystatechange=function() { 
  if(!this.readyState||this.readyState==="loaded"||this.readyState==="complete") { 
    help(); 
    script.onload = script.onreadystatechange=null; 
  } 
}
script.src='mayi.js'; 
head.appendChild(script);
</script>