js的时间线

时间线：
三个状态（document.readyState）
1、loading
这个状态的时候开始绘制DOM树
2、interactive
DOM树绘制完成后是这个状态，但是此时src、href中的资源未加载
3、complete 或者 loaded
src、href中的资源加载完成

三个事件
    1、DOMContentLoaded
            这个事件是DOM树绘制完成后触发，也就是上面的状态为interactive的时候
    2、window.onload
            这个事件是src、href中的资源加载完成后触发，对应上面的第三个状态
    3、document.onreadystatechange
            这个事件对应的是上面的三个状态发生变化的时候触发
            当loading变为interactive，和interactive变为complete 的时候触发
            所以这个事件会触发两次