• loading 表示文档还在加载中，即处于“正在加载”状态；
• interactive 表示已结束了“正在加载”状态，DOM元素可以被访问，但是图像、样式、和框架等资源依然还在加载中；
• complete 表示页面所有内容已加载完成；

document.addEventListener('DOMContentLoaded', function () {
  console.log('DOMContentLoaded')
}, false)

document.addEventListener('readystatechange', function (e) {
  console.log('readystatechange', e.target.readyState)
}, false)

window.addEventListener('load', (event) => {
  console.log('page is fully loaded')
}, false)

readystatechange interactive
DOMContentLoaded
readystatechange complete
page is fully loaded