cookie、localStorage、sessionStorage对比
名称 | 存放数据大小 | 过期时间 | 与服务器通信 | 可能存在的问题 | API用法 |
---|---|---|---|---|---|
cookie | 4k | 在cookie设置的过期时间之前一直有效,即使窗口或者浏览器关闭 | 与服务器端通信,每次都会携带在HTTP头中 | cookie存储数据过多会带来性能问题 | 在url中 |
localStorage | 5MB | 一直有效,除非客户清除 | 不参与服务器通信,仅在本地存储 | 未知 | localStorage.setItem(“key”,“value”); localStorage.getItem(“key”); localStorage.removeitem()//删除名称为“key”的信息。 localStorage.clear() |
sessionStorage | 5MB | 仅在当前会话下有效,关闭页面或者浏览器后被清除; | 不参与服务器通信,仅在本地存储 | 未知 | sessionStorage.setItem(“key”,“value”); sessionStorage.getItem(“key”); sessionStorage.removeItem(“key”); sessionStorage.clear();//清空 |