window属性：onload
onload属性
GlobalEventHandlers mixin的onload属性是一个事件处理程序, 用于Window、XMLHttpRequest、<img>元素等的加载事件，在资源加载时会触发。
onload属性语法
window.onload = funcRef;onload属性值
funcRef是窗口load事件触发时要调用的处理函数。
onload属性示例
window.onload = function() {
init();
doSomethingElse();
};<!doctype html>
<html>
<head>
<title>onload test</title>
// ES5
<script>
function load() {
console.log("load event detected!");
}
window.onload = load;
</script>
// ES2015
<script>
const load = () => {
console.log("load event detected!");
}
window.onload = load;
</script>
</head>
<body>
<p>The load event fires when the document has finished loading!</p>
</body>
</html>笔记
该load事件触发在文件加载过程结束的时候。此时，文档中的所有对象都位于DOM中，并且所有图像，脚本，链接和子框架都已完成加载。
还有一些Gecko特定的DOM事件，例如DOMContentLoaded和DOMFrameContentLoaded（可以使用EventTarget.addEventListener()处理）在构建页面的DOM后触发，但不要等待其他资源完成加载。
规范
| 规范 | 状态 | 注释 |
|---|---|---|
HTML Living Standard 该规范中的'onload'的定义。 |
Living Standard |
初始定义 |
浏览器兼容性
我们正在将兼容性数据转换为机器可读的JSON格式。
- 电脑端
| 特征 | Chrome |
Edge |
Firefox（Gecko） |
Internet Explorer |
Opera |
Safari（WebKit） |
|---|---|---|---|---|---|---|
| 基本支持 | 支持 | 支持 | ？ | ？ | ？ | ？ |
- 移动端
| 特征 | Android | Android Webview | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|---|
| 基本支持 | ? | 支持 | 支持 | ? | ? | ? | ? | ? | 支持 |