1. load
  2. DOMContentLoaded 事件
  3. readystatechange 事件（网络请求篇）

    Load事件

    资源加载完成之后触发，包含DOM和图片等资源都加载完成后，才会触发load
    1. var image = new Image();
    2. image.src = "http://iwenwiki.com/banner1.png"
    3. image.onload = function(){
    4.  console.log("图片的资源加载完成了");
    5.  document.body.appendChild(image);
    6. }

    DOMContentLoaded 事件

    网页下载并解析完成以后，浏览器就会在document对象上触发 DOMContentLoaded 事件。这时，仅仅完成了网页的解析（整张页面的 DOM 生成了），所有外部资源（样式表、脚本、iframe 等等）可能还没有下载结束。也就是说，这个事件比load事件，发生时间早得多
    （DOM全部加载完后触发）
    1. document.addEventListener('DOMContentLoaded', function (event) {
    2. console.log('DOM生成');
    3. });