cookie及cookie与storage的区别

137 阅读1分钟

cookie

设置语法 document.cookie='key=value'; ==设置带有过期时间的cookie:== document.cookie='key=value;expires='+time; 例子:

        var timer = new Date()
        timer.setTime(timer.getTime() - 1000 * 60 * 60 * 8 + 1000 * 30)
        document.cookie = 'VX=6666;expires=' + timer

==注意:== 由于cookie的过期时间是按照世界标准时间计算的,故需要看所在时区来进行调整,由于例子所在的是东八区,故需要减去8个小时;

cookie与storage

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

localStorage与sessionStorage的区别

过期时间 localStorage:永久存储,除非手动清理; sessionStorage:会话级别,关闭页面,存储失效;