浏览器的onload、onscroll事件、cookie 与 storage 的区别

浏览器的onload事件

//  onload 事件，等页面所有资源加载完毕后再执行 
// 浏览器的图片加载时异步的
 window.onload = function(){
    console.log(111);   
 }

浏览器的onscroll事件

//浏览器滚动事件： 浏览器滚动的时候触发
window.onscroll = function(){
    console.log(333);
}

浏览器刷新功能

//浏览器刷新功能  window对象有一个location  reload方法
var content = 0;
setInterval(function(){  //计时器
    content++;
    console.log(content);
    if(content == 5){  //当content等于5时刷新一次
    window.location.reload(); //浏览器的刷新功能
    }
        
},1000)

cookie 与 storage 的区别

出现时间：
    cookie：有 js 的时候就有了
    storage：有 h5 以后才有的
存储大小：
    cookie： 4kb
    storage： 20MB
前后端交互(前端向后端发送请求)：
    cookie:交互时请求默认携带cookie
    storage：交互时请求不会携带，除非前端人员配置传递
前后端操作：
    cookie:不管前后端都可以操作
    storage：只能有前端语言来操作
过期时间：
    cookie：默认会话级，页面关闭，存储消失，可以通过手动配置   
    storage: 不能通过手动配置

localStorage 与 sessionStorage 的区别？

过期时间：
    localStorage：永久存储，除非手动清理
    sessionStorage：会话级别，页面关闭，存储消失，可以通过手动配置