document.onreadystatechange的认识

来源：互联网发布：怎样做淘宝店铺编辑：程序博客网时间：2024/05/23 11:45

在开发的过程中，经常使用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 当页面加载状态改变的时候执行这个方法。
用法：

1document.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;很感谢这位同学的分享

0 0