function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script); } loadScript("a.js");
当页面有多个js需要动态插入的话，可以依次调用loadScript函数即可；
但是假如我们现在有这么一个需求，动态加载JS完后，我想在这后面做点事情，我们都知道，动态加载也可以理解为异步加载，不会堵塞浏览器，但是我们需要如何知道动态JS已经加载完了呢？
我们之前讲过一篇文章是 “Javascript事件总结”中有判断JS动态加载完后使用load事件来监听js是否动态加载完，现在我们再来复习下load事件；
Javascript中最常用的一个事件是load，当页面加载完后(包括所有的图片，javascript文件，css文件等外部资源)。就会触发window上面的load事件；目前可以有2种触发load事件，一种是直接放在body上面触发；比如如下代码：
<body onload=”a()”></body>
第二种是通过JS来触发，如下代码：
复制代码 代码如下:
EventUtil.addHandler(window,'load',function(event){
alert(1);
});
上面的EventUtil.addHandler 是我们之前在javascript事件总结中封装的JS函数，现在我们直接拿过来使用，如下代码：
var EventUtil = { addHandler: function(element,type,handler) { if(element.addEventListener) { element.addEventListener(type,handler,false); }else if(element.attachEvent) { element.attachEvent("on"+type,handler); }else { element["on" +type] = handler; } }, removeHandler: function(element,type,handler){ if(element.removeEventListener) { element.removeEventListener(type,handler,false); }else if(element.detachEvent) { element.detachEvent("on"+type,handler); }else { element["on" +type] = null; } }, getEvent: function(event) { return event ? event : window.event; }, getTarget: function(event) { return event.target || event.srcElement; }, preventDefault: function(event){ if(event.preventDefault) { event.preventDefault(); }else { event.returnValue = false; } }, stopPropagation: function(event) { if(event.stopPropagation) { event.stopPropagation(); }else { event.cancelBubble = true; } } };
下面我们来看看如何使用JS事件来判断JS是否加载完成的代码，我们可以使用load事件来监听，如下代码：
EventUtil.addHandler(window,'load',function(){ var script = document.createElement("script"); EventUtil.addHandler(script,'load',function(event){ console.log(script.src); }); script.src = 'a.js'; document.body.appendChild(script); });
如上代码，script元素也会触发load事件，以便可以确定动态加载jS是否加载完成，上面的代码指定src属性和指定的事件处理程序的事件可以调换位置，先后顺序不重要，如上代码，我们也可以这样写，如下代码：
EventUtil.addHandler(window,'load',function(){ var script = document.createElement("script"); script.src = 'a.js'; document.body.appendChild(script); EventUtil.addHandler(script,'load',function(event){ console.log(script.src); }); });
目前只有IE9+，Firefox，opera，chrome和safari3+支持，IE8及以下不支持该load事件，因此我们需要针对IE8及以下做处理；
理解readystatechange事件
IE为DOM文档中的某些部分提供了readystatechange事件，这个事件的目的提供与文档或元素的加载的状态有关信息，此事件提供了下面5个值中的一个；
uninitialized（未初始化）：对象存在但尚未初始化；
loading(正在加载)：对象正在加载数据；
loaded(加载完毕): 对象加载数据完成；
interactive(交互)： 可以操作对象了，但没有完全加载；
complete(完成)：对象已经加载完成；
<script>（在IE和opera）中和<link>(仅IE中)元素也会触发readystatechange事件，可以用来确定外部的javascript和css文件是否已经加载完成，基于元素触发的readystatechange事件，即readyState属性无论等于”loaded”还是”complete”都可以表示资源已经可用；如下针对IE的判断javascript是否已经加载完成的方案：