DOCUMENT EVENT

DOMContentLoaded

• DOM树解析完成后触发，而无需等待样式表、图像和子框架(iframe等)的完成加载

注意：DOMContentLoaded 事件必须等待其所属script之前的样式表加载解析完成才会触发。

readystatechange

• 当文档（document）的readyState发生改变时，触发readystatechange事件。readyState属性用来描述doocument的加载状态，readyState有三个状态：
  • loading : document 仍在加载
  • interactive： 文档已被解析，"正在加载"状态结束，DOM元素可以被访问，但是诸如图像，样式表和框架之类的子资源仍在加载，此状态可用来模拟DOMContentLoaded事件
  • complete：文档和所有子资源已完成加载。表示 load 状态的事件即将被触发，此状态可用来模拟load事件

load

• 一个资源及其依赖资源已完成加载时，将触发load事件。

beforeunload

• 当浏览器窗口，文档或其资源将要卸载时，会触发beforeunload事件。这个文档是依然可见的，如果处理函数为Event对象的returnValue属性赋值非空字符串，浏览器会弹出一个对话框，来询问用户是否确定要离开当前页面。有些浏览器会将返回的字符串展示在弹框里，但有些其他浏览器只展示它们自定义的信息。没有赋值时，该事件不做任何响应， 基于WebKit内核的浏览器在弹出提示框时未遵守改规范，兼容写法如下：

window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";

  (e || window.event).returnValue = confirmationMessage;     // Gecko and Trident
  return confirmationMessage;                                // Gecko and WebKit
});