JS 数据储存 cookie与storage

因为web应用程序的出现，产生了能在客户端储存用户信息能力的要求，所以cookie与session应运而生。

Cookie

Cookie是客户端存储对话信息的。

要求服务器对任意HTTP请求发送 Set-Cookie作为响应头的一部分。

然后在头部添加cookie

可以设置失效时间

限制

• 绑定在特定域名下
• 每个域总数有限
• 大小有限 4kb
• 数据持续发回服务器

var x = document.cookie; //读取

document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/"; // 改变

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; //删除

Storage

因为Cookie有自身限制所以Storage产生了。

size更大，但是只能储存字符串

clear() // delete all
getitem(name) // get
removeItem(name) //delete related
setItem(name) // set related

sessionStorage

只保持到浏览器关闭

主要针对会话小段数据储存。

不能跨越会话存储数据

globalStorage

现在被localStorage替代

可以指定哪些域可以访问

localStorage

关闭之后也有除非清除

要访问同一个对象页面必须要来自同一域名