cookie
cookie 是一些数据, 存储于你电脑上的文本文件中,由服务器创建,存放在客户端中。
当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。
cookie 的作用就是用于解决 "如何记录客户端的用户信息":
当用户访问 web 页面时,他的名字可以记录在 cookie 中。
在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。
使用document.cookie获取和修改cookie(字符串形式)
存储量太小,只有4KB(一个域下的所有cookie总和)
所有http请求都带有,会影响获取资源的效率
sessionStorage
当前会话(窗口,标签页,浏览器)关闭,会清除所有数据
sessionStorage对象绑定于某个服务器会话,所以当文件在本地运行的时候是不可用的
localStorage
访问同一个localStorage对象,页面必须来自同一个域名(子域名无效)、同一种协议,在同一端口上。
由于浏览器兼容性问题,故需要做浏览器兼容性判断:
if(window.localStorage) {
...
} else {
alert("浏览器不支持localStorage!")
}
最大容量5MB
API简单易用,
var storage = window.localStorage;
// 写入方法:
storage.a = 10;
storage['b'] = 20;
storage.setItem('c', 30);
// 读取方法:
storage.a;
storage['b']
storage.getItem('c');
storage.key(index) // 根据各字段的索引读取字段名
storage.removeItem(key) // 清除对应字段的信息
storage.clear() // 清空 localStorage 所有内容