假设我们要装入的代码是a.js：
var foo=function(){
document.write("I am a.js content foo() function");
};
一。直接插入src，这种方法简单而直接，但有局限性，
1）
<script>
var x=document.createElement("SCRIPT");
x.src="a.js"; x.defer=true;
document.getElementsByTagName("HEAD")[0].appendChild(x);
foo();
</script>
var x=document.createElement("SCRIPT");
x.src="a.js"; x.defer=true;
document.getElementsByTagName("HEAD")[0].appendChild(x);
foo();
</script>
在如上的代码放上head标签内，执行时大多数情况下是会出错，信息为：错误:缺少对象
这是由于动态创建对象script时，则于a.js还没有完全载入而导致的。执行下面的代码，你就可以发现原因了。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>never-online dynamic code test page</title></head><body><pre>readyState的含义 - uninitialized : 脚本对象刚被创建，脚本代码未载入； - loading : 脚本代码载入中； - loaded : 脚本代码完成读入，但尚未开始解释执行； - interactive : 解释执行过程中； - complete : 脚本已经执行完成。</pre><div id="viewer"></div>
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
