在开发的过程中,经常使用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;很感谢这位同学的分享