实现动态加载一个 JavaScript 资源

 
（1）DOM创建元素

（2）定义script标签的属性

（3）onreadystatechange绑定资源加载成功的事件，利用readyState判断资源加载状态是否为加载成功或加载完成

（4）onerror绑定资源加载失败的事件

var script = document.createElement(“script”);
var head = document.getElementsByTagName(“head”)[0];
script.type = "text/javascript";
script.src = "//i.alicdn.com/resource.js";
// 绑定资源加载成功事件
script.onreadystatechange = function( ){
// 判断资源加载状态是否为加载成功或加载完成
if(/^(loaded|complete)$/. test (script.readyState )  ) {
script.onreadystatechange = null;
. . . .
}
};
// 绑定资源加载失败事件
script.onerror= function( ) {
. . . .
};
head.insertBefore (script , head.firstChild);