html5中的script属性及js同步和异步加载实现代码详解

var img = new Image();

img.onload = function(){ alert(1); } ; //由于返回的js文件 MIME 不是图片，onload回调函数并不会被触发

img.src = 'http://localhost/test/loadjs/try.2.js';

var s = document.createElement("script");

var h = document.getElementsByTagName("head")[0];

//执行 js

s.src=img.src;

h.appendChild(s);

var loadJS = function(url,callback){

var head = document.getElementsByTagName('head');

if(head&&head.length){

head = head[0];

}else{

head = document.body;

}

var script = document.createElement('script');

script.src = url;

script.type = "text/javascript";

head.appendChild( script);

script.onload = script.onreadystatechange = function(){

//script 标签，IE 下有 onreadystatechange 事件, w3c 标准有 onload 事件

//这些 readyState 是针对IE8及以下的，W3C 标准的 script 标签没有 onreadystatechange 和 this.readyState ,

//文件加载不成功 onload 不会执行，

//(!this.readyState) 是针对 W3C标准的, IE 9 也支持 W3C标准的 onload

if ((!this.readyState) || this.readyState == "complete" || this.readyState == "loaded" ){

callback();

}

}//end onreadystatechange

}