如何判断JS加载完毕

 

IE的 script 元素支持onreadystatechange事件，不支持onload事件。

FF的script 元素不支持onreadystatechange事件，只支持onload事件。

如果要在一个<script src="xx.js"> 加载完成执行一个操作，FF使用onload事件就行了，IE下则要结合onreadystatechange事件和this.readyState，以下是ＩＥ的一个例子：

<script type="text/javascript" src="xx.js" onreadstatechange="if(this.readyState=='load') alert('loaded');"></script>

this.readyState的值为'loaded'或者'complete'都可以表示这个script已经加载完成．

如何结合IE和FF的区别?参考一下jquery的源码：

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

script.src="xx.js";

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

  if( ! this.readyState //这是FF的判断语句，因为ff下没有readyState这人值，IE的readyState肯定有值

  || this.readyState=='loaded' || this.readyState=='complete' //这是IE的判断语句

  ){

  alert('loaded');

  }

};

//////////////////////////////////////////////////

<script id='js1' type='text/javascript' src='jquery-1.4.1.min.js' ></script>
<script type='text/javascript' id='befload' >/*后面一个要按顺序加载的js src先不填写*/</script>
<script >

(function(){
var js1=document.getElementById('js1');
js1.onload=jsload (js1,'onload');
js1.onreadstatechange=jsload (js1,'onready');
var loaded=false;
function jsload (_this,fix){
  if( !_this.readyState //这是FF的判断语句，因为ff下没有readyState这人值，IE的readyState肯定有值
|| _this.readyState=='loaded' || _this.readyState=='complete' //这是IE的判断语句

  ){

  alert([fix,_this.readyState]); //经测试 onload onreadstatechange 在ie7 ff下面 全部可以触发
  if(!loaded){
document.getElementById('befload').src='后面一个要加载的js的路径';
loaded=true;
  }

  }

};
})();
</script>