动态加载JS脚本

1、直接document.write 
<script language="javascript"> 

    document.write("<script src='test.js'><\/script>"); 

</script> 

2、动态改变已有script的src属性 
<script src='' id="s1"></script> 

<script language="javascript"> 

    s1.src="test.js" 

</script> 

3、动态创建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> 

这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那加载js的顺序是不定的。

遇到需要同步执行脚本的时候，可以用下面的第四种方法。 

4，原理：用XMLHTTP取得要脚本的内容，再创建 Script 对象。