document load 和 ready 的区别

window.addEventListener('load',function(){
    // 页面的全部资源加载完成才会执行，包括图片，视频等
})
window.addEventListener('DOMContentLoaded',function(){
    // DOM 渲染完后即可执行，此时图片，视频可能还没加载完
})