document.onreadystatechange的认识

在开发的过程中,经常使用window.onload和body onload两种,很少使用document.onreadystatechange,但这次写了一个js,使用window.onload和body.onload都实现不了,最后使用document.onreadystatechange才把它解决了。

这里介绍一下三者的区别和用法,大家使用的时候根据自己的需要选择哪一个

1、window.onload    页面全部加载完成,甚至包括图片

 用法:

1 第一种:window.onload = function(){}
2 第二种: window.onload = functionName; //注意:没有括号
( 鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助 )


2、body.onload  等doucment加载完成再加载相应的脚本
用法:

1 <body onload="init();">
( 鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助 )

3、document.onreadystatechange   当页面加载状态改变的时候执行这个方法。
 用法:
1 document.onreadystatechange = function(){  
2   if(document.readyState=="complete")  
3   {
4      window.open('http://www.aspbc.com'); //这里是你要做的事
5   }
6 }

(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


文章转自http://www.aspbc.com/tech/showtech.asp?id=1256;很感谢这位同学的分享

猜你喜欢

转载自blog.csdn.net/u011042133/article/details/52842473
今日推荐