码迷,mamicode.com
首页 > 其他好文 > 详细

script.onload=script.onreadystatechange=function()

时间:2015-09-12 16:23:59      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

script.onload=script.onreadystatechange=function()的作用:
在判断引入js文件是否加载完毕的代码中都有此语句的存在,下面就介绍一下它的作用什么。
关于如何判断引入js文件是否加载完毕可以参阅js如何判断引入的js文件是否加载完毕一章节。
完整代码如下:

script.onload=script.onreadystatechange=function(){
  if(!this.readyState||this.readyState==‘loaded‘||this.readyState==‘complete‘){
    //code
  }
  script.onload=script.onreadystatechange=null;
}

下面介绍一下上面代码的相关原理:
1.IE8和IE8以下浏览器中,script标签并不支持onload事件,但是支持onreadystatechange事件。
2.IE8以上浏览器、谷歌浏览器和火狐浏览器支持onload事件。
3.readyState是onreadystatechange事件的一个状态,当值为loaded或者complete的时候,都表示已经加载完毕。
4.if(!this.readyState||this.readyState==‘loaded‘||this.readyState==‘complete‘),!this.readyState表示不是不是IE11以下浏览器(IE11以下浏览器也是支持onreadystatechange事件的)

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14776


script.onload=script.onreadystatechange=function()

标签:

原文地址:http://my.oschina.net/u/2409165/blog/505309

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