onload
+ 语法: window.onload = function () { ... }
+ 执行时机: 当页面所有资源(html结构, css, js, 图片, 视音频, ...)加载完毕后触发
+ 通常的用处:
1. 你想在所有资源加载完毕后执行
2. 当你的 js 代码写在 head 标签内的时候, 并且在代码内操作了 页面 标签元素
=> 必须要加一个 window.onload

onresize
+ 语法: window.onresize = function () { ... }
+ 执行时机: 当页面可视窗口尺寸改变的时候触发
=> 不管横向还是纵向, 只要改变就会触发
+ 通常的用处:
1. 响应式布局
2. 移动端屏幕切换(横竖屏)

onscroll
+ 语法: window.onscroll = function () { ... }
+ 执行时机: 当页面滚动条滚动的时候触发
=> 不管横向还是纵向, 只要改变就会触发