共同点:都是保存在浏览器端、且同源的
不同点 | Cookie | localStorage | sessionStorage |
---|---|---|---|
生命周期 | 设置 cookie 过期时间之前有效,即使窗口被关闭或者浏览器被关闭 | 永久有效,窗口或浏览器关闭也一直保存 | 仅在当前浏览器窗口关闭之前有效 |
大小 | 4K | 5M | 5M |
与服务端通信 | 每次都会携带在http请求头中 | 不参与 | 不参与 |
易用性 | 需要封装 | 有封装好的方法,操作简单 | 有封装好的方法,操作简单 |
作用域 | 同源窗口中都是共享 | 同源窗口中都是共享 | 不同的浏览器窗口中无法共享 |
共同点:都是保存在浏览器端、且同源的
不同点 | Cookie | localStorage | sessionStorage |
---|---|---|---|
生命周期 | 设置 cookie 过期时间之前有效,即使窗口被关闭或者浏览器被关闭 | 永久有效,窗口或浏览器关闭也一直保存 | 仅在当前浏览器窗口关闭之前有效 |
大小 | 4K | 5M | 5M |
与服务端通信 | 每次都会携带在http请求头中 | 不参与 | 不参与 |
易用性 | 需要封装 | 有封装好的方法,操作简单 | 有封装好的方法,操作简单 |
作用域 | 同源窗口中都是共享 | 同源窗口中都是共享 | 不同的浏览器窗口中无法共享 |