当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

window.onload,body onload,document.onreadystatechange三者之间的区别

减小字体 增大字体 作者:wangsdong     来源:asp编程网  发布时间:2018-12-30 8:58:59

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

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

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

 
用法:

第一种:window.onload = function()
{}第二种: window.onload = functionName
//注意:没有括号

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

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


window.onload,body onload,document.onreadystatechange三者之间的区别