window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang

部分内容参考：http://www.aspbc.com/tech/showtech.asp?id=1256

在开发的过程中，经常使用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 }

4、httpRequest.onreadystatechang Ajax中使用

window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang相关推荐

php window.onload,window.onload,body onload和document.onreadystatechange
我们经常使用 window.onload 来处理页面,当页面加载完成做一些事情.但这个 window.onload 是页面全部加载完成,甚至包括图片 1. window.onload = functi ...
document.onreadystatechange的认识
在开发的过程中,经常使用window.onload和body onload两种,很少使用document.onreadystatechange,但这次写了一个js,使用window.onload和bo ...
小程序页面onload()，onready()加载顺序
小程序 onLoad(Object query) 页面加载时触发.一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数. onShow() 页面显示/切入前台时触发. on ...
window.onload与body.onload
这两个都是在页面加载后运行.执行顺序和在代码中的位置有关,也和window.onload后面的函数是否匿名有关. 1.如果window.onload是在body里定义的,也就是在body onload ...
JavaScript 页面资源加载：onload，onerror
资源加载:onload,onerror 浏览器允许我们跟踪外部资源的加载 -- 脚本,iframe,图片等. 这里有两个事件: onload -- 成功加载, onerror -- 出现 error. ...
JavaScript 页面资源加载方法onload，onerror总结
资源加载:onload,onerror 浏览器允许我们跟踪外部资源的加载 -- 脚本,iframe,图片等. 这里有两个事件: onload -- 成功加载, onerror -- 出现 error. ...
页面加载完成事件 - onload，四种写法
在js和jquery使用中,经常使用到页面加载完成后执行某一方法.通过整理,大概是五种方式: js动态加载外部插件后,导致页面加载顺序不是按照代码的书写顺序执行,引起报错, 这时候就可以用监听页面加载 ...
微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）
周期指程序从创建.到开始.暂停.唤起.停止.卸载的过程.下面从一下三个方面介绍微信小程序的生命周期: 应用生命周期页面生命周期应用生命周期影响页面生命周期应用生命周期 image 1.用户首次打 ...
运行 wallhaven-electron 项目显示的是空白界面，浏览器端显示Uncaught TypeError: window.require is not a function
运行 wallhaven-electron 项目显示的是空白界面,浏览器端显示Uncaught TypeError: window.require is not a function 浏览器端显示的完 ...

window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang

window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang相关推荐

最新文章

热门文章