首先了解一下什么是本地存储!
- 简介：
HTML5 web 存储,一个比cookie更好的本地存储方式。
首先我们先了解一下：
什么是 HTML5 Web 存储?
使用HTML5可以在本地存储用户的浏览数据。
早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
数据以 键/值 对存在, web网页的数据只允许该网页访问使用。
localStorage 和 sessionStorage
客户端存储数据的两个对象为：
- localStorage - 没有时间限制的数据存储
- sessionStorage - 针对一个 session 的数据存储（ 关闭窗口，存储的数据清空）
getItem设置value
用途：设置指定key本地存储的值
用法：.getItem(key)
代码示例：
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
setItem获取value
用途：获取指定key本地存储的值
用法：.getItem(key)
代码示例：
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");