H5数据存储

Web数据存储

• 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
  

HTML5 Web 存储

• HTML5提供了两种新的数据存储方式 – localStorage 和 sessionStorage
• localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
• sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

localStorage

• localStorage 属性允许在浏览器中存储 key/value 对的数据。
• localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。
• localStorage 保存的值都是string。

语法

• 查看是否支持window.localStorage
• 保存数据
  localStorage.setItem(“key”, “value”);
• 读取数据
  var lastname = localStorage.getItem(“key”);
• 删除数据
  localStorage.removeItem(“key”);

sessionStorage

• sessionStorage 属性允许在浏览器中存储 key/value 对的数据。
• sessionStorage用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。
• sessionStorage 保存的值都是string。

语法

• 查看是否支持
  window. sessionStorage
• 保存数据
  sessionStorage.setItem(“key”, “value”);
• 读取数据
  var lastname = sessionStorage.getItem(“key”);
• 删除数据
  sessionStorage.removeItem(“key”);
• 清除数据
  sessionStorage.clear();