html5 保存用户信息,HTML5 Web存储用户数据

什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。

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

数据以 键/值 对存在, web网页的数据只允许该网页访问使用。

客户端存储数据的两个对象为：

localStorage - 没有时间限制的数据存储, 除非用户注销，否则永久存在

sessionStorage - 针对一个 session页面 的数据存储(关闭窗口，存储的数据清空)

setItem存储value

用途：将value存储到key字段

用法：.setItem( key, value)

window.sessionStorage.setItem(key, value)

window.localStorage.setItem(key, value)

getItem获取value

用途：获取指定key本地存储的值

用法：.getItem(key)

window.sessionStorage.getItem(key)

window.localStorage.getItem(key)

removeItem删除value

用途：删除指定key本地存储的值

用法：.removeItem(key)

window.sessionStorage.removeItem(key)

window.localStorage.removeItem(key)