在平时的开发中,用的比较多的是window.onload和body onload两种,没怎么用过document.onreadystatechange,但这次在写的时候遇到了它,所以做个笔记记录一下!
这个简单的介绍三者的区别和用法:
1. window.onload --> 页面全部加载完成,甚至包括图片
用法:
a. window.onload = function () {}
b. window.onload = functionName; // 注意:没有括号
2. body onload --> 等document加载完成再加载相应的脚本
用法:
<body οnlοad="init()">
3. document.onreadystatechange --> 当页面加载状态改变的时候执行这个方法
用法:
document.onreadystatechange = function () {
if (document.readyState == "complete") {
// 这里是你要做的事情
}
}