码迷,mamicode.com
首页 > Web开发 > 详细

js中 onreadystatechange 和 onload的区别

时间:2018-05-13 15:04:42      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:this   baidu   pst   get   表示   loaded   cti   blank   如何   

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

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

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

以下是IE的一个例子:
<script type="text/javascript" src="xx.xx" 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‘);

    }

};

  

js中 onreadystatechange 和 onload的区别

标签:this   baidu   pst   get   表示   loaded   cti   blank   如何   

原文地址:https://www.cnblogs.com/cblx/p/9032075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!