`
javne
  • 浏览: 66493 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

script节点的onload,onreadystatechange事件

阅读更多

New Document <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript"> $(document).ready(function(){ }); </script>

有时候我们需要在引用JS完成之后立即执行某些函数或者代码,我们可以通过onreadystatechange或者onload事件来完成

FireFox的script 元素不支持onreadystatechange事件,只支持onload事件

IE的 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');
}
};
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics