sessionStorage,localStorage,cookie

html5新特性

服务器存储

session

• 临时,安全
• 问题:占用服务器端内存

客户端存储

• cookie

大小限制1kb
极容易泄露隐私
移动端不支持cookie

• webStorage

大小限制8MB
移动端可移动

webStorage提供了两个对象

• sessionStorage

会话级存储
存储在sessionStorage中的数据,只在当前会话过程中有效
比如:用户登录时,没有选择保存密码,则当前用户信息,就应该在用户关闭浏览器之后,自动释放

• localStorage

永久存储
即使用户关闭浏览器,再打开浏览器访问同一个网站,localStorage中的数据依然保留
比如,用户登录时,选了记住密码,一定是用户希望,下次登录时依然可读取上次的登录状态,无需重复登录

方法

保存数据

setItem(变量名,value)

获取数据

var value = getItem(变量名)

删除数据

removeItem(变量名)

clear()

clear()//清空数据

length

length//数据的长度