页面生命周期

HTML 页面的生命周期有以下三个重要事件：

• DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是 <img> 和样式表等外部资源可能并没有下载完毕。
• load —— 浏览器已经加载了所有的资源（图像，样式表等）。
• beforeunload/unload —— 当用户离开页面的时候触发。

每个事件都有特定的用途

• DOMContentLoaded —— DOM 加载完毕，所以 JS 可以访问所有 DOM 节点，初始化界面。
• load —— 附加资源已经加载完毕，可以在此事件触发时获得图像的大小（如果没有被在 HTML/CSS 中指定）
• beforeunload/unload —— 用户正在离开页面：可以询问用户是否保存了更改以及是否确定要离开页面。