readyState loaded complete ie firefox onload onreadystatechange

ie 上支持 onreadystatechange , 不支持 onload

firefox上支持 onload , 不支持onreadystatechange

所以jquery里面的解决方案如下

 

 var done = false;

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

     if(!done && (!this.readyState  || this.readyState == 'loaded' || this.readyState == 'complete')) {

            done = true;   

            callback();

     }

 };

 

 

其中 ff onload上面没有readyState 这个值，所以用了 !this.readyState

 

ie上面不一定loaded 或者是 complete触发 ， 或者两个都会触发，所以用一个变量进行了标记。

 

 

这样就兼容了浏览器上插入script标签的问题。