script元素的onload,onreadystatechange事件

E的 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');

    }

};

 

我认为这样写比较好：

var loadScript = function(fileName,callback) {

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

scriptTag.src = fileName;

document.body.appendChild(scriptTag);

if (callback) {

scriptTag.onload = callback;//ff

scriptTag.onreadystatechange = function()//ie

{

if (scriptTag.readyState == "loaded") {

callback();

}

}

}

}