页面生命周期，及其事件

说明：window = W ，D = document

W.onpageshow
描述：
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。
为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false

w.onpagehide
描述：
onpagehide 事件在用户离开网页时触发。
离开网页有多种方式。如点击一个链接，刷新页面，提交表单，关闭浏览器等。.
onpagehide 事件有时可以替代 onunload 事件，但 onunload 事件触发后无法缓存页面。
注意：该方法执行，不易被发现，要执行 ajax 来看效果

D.DOMContentLoaded
描述：
当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完全加载

w.onload
描述：
onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

w.onbeforeunload
描述：
onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。
该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。
对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。
但你可以自定义一些消息提示与标准信息一起显示在对话框。
注意： 如果你没有在 元素上指定 onbeforeunload 事件，则需要在 window 对象上添加事件，并使用 returnValue 属性创建自定义信息。

w.onunload
描述：
onunload 事件在用户退出页面时发生。
onunload 发生于当用户离开页面时发生的事件(通过点击一个连接，提交表单，关闭浏览器窗口等等。)
注意： onunload 事件同样触发了页面载入事件(+ onload 事件)。

w.beforeunload
描述：
当浏览器窗口关闭或者刷新时，会触发beforeunload事件。当前页面不会直接关闭，可以点击确定按钮关闭或刷新，也可以取消关闭或刷新。

D.visibilitychange
描述：
浏览器标签页被隐藏或显示的时候会触发visibilitychange事件

w.onblur/onfocus
描述：
浏览器标签页被隐藏或显示的时候会触发onblur/onfocus事件