JS 动态加载脚本的4种方法

如果js文件都比较小，还是一个js好，这样可以减少连接数。下面是4种比较常用的方法，大家可以根据情况选择，最后脚本之家 将会给推荐一个。
1、直接document.write

代码如下:

<script language="javascript">

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

</script>

2、[b]动态改变已有script的src属性[/b]
代码如下:

<script src='' id="s1"></script>

<script language="javascript">

s1.src="test.js"

</script>

3、[b]动态创建script元素[/b]
代码如下:

<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>

这三种[b]方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的[b]脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。

[/b]要动态加载的JS脚本：a.js，以下是该文件的内容
代码如下:

var str = "中国";

alert( "这是a.js中的变量：" + str );

主页面代码：
代码如下:

<script language="Ja…………………………………………………………………………
来源：http://www.verydemo.com/demo_c98_i10674.html