08.HTML5的Web存储

1.客户端存储数据

1）localStorage:没有时间限制的数据存储
2）sessionStorage:针对一个session的数据存储。(当浏览器关闭一个session结束)

• 与cookie的对比
  1）没有webStorage之前，是客户端利用cookie来存储数据的。
  2）cookie只能存储4k的数据，webStorage可以存储5m的数据。
  3）cookie需要作为请求头中的字段传送给服务器，webStorage不需要在客户端和服务器之间进行传递。

2.SessionStorage

• 存储特点
  SessionStorage是针对一个Session进行数据存储。当用户关闭浏览器后数据会被删除。
  sessionStorage存储变量方法

//直接通过变量名进行存储
sessionStorage.num=5；
//调用set函数存储
sessionStorage.set(“num”,5)；

sessionStorage获取变量的方法

//直接获取
sessionStorage.num;
//调用get函数
sessionStorage.get("num");

3.localStorage

• 存储特点
  localStorage方法存储的数据没有时间限制，数据保留到JavaScript删除，或者清除浏览器缓存。
  localStorage存储变量方法

//直接通过变量名进行存储
localStorage.num=5；
//调用set函数存储
localStorage.set(“num”,5)；

localStorage获取变量的方法

//直接获取
localStorage.num;
//调用get函数
localStorage.get("num");