存储数据的方法
浏览器缓存：把一个已经请求过的web资源（如html页面，图片，JS，数据）拷贝一份放在浏览器中
localStorage sessionStorage cookie三者的异同
| web存储 | sessionstorage | localstorage | cookie（不是h5新增） |
|---|---|---|---|
| 不会把数据发送给服务器 | 不会把数据发送给服务器 | 在浏览器和服务器之间来回传递 | |
| 存储大小 | 5M | 20M | 4K左右 |
| 数据有效期 | 关闭浏览器清空数据 | 永久生效 | 只在设置cookie过期时间之前生效 |
| 作用域 | 不在不同的浏览器窗口共享，即使是同一个页面 | 所有同源窗口中都是共享的 | 所有同源窗口中都是共享的 |
localStorage 和 sessionStorage 属性允许在浏览器中存储 键值对 的数据。 遵守 同源策略
-
1. 存储(增)
window.localStorage.setItem("Authorrizition", 123);
-
2. 读取（查）
window.localStorage.getItem("Authorrizition");
-
3. 删
所有内容清除
window.localStorage.clear();
某个键删除
window.localStorage.removeItem("Authorrizition");
-
4. JSON数据转换
JSON 即 JavaScript 对象表示法
JSON的作用：在计算机与网络之间存储和传输数据。JSON的本质：用字符串来表示Javascript对象数据或数组数据
var data = {
name:'张三',
sex:'man'
}
//将 js对象 转换为 JSON格式字符串
var d=JSON.stringify(data);
//存储到本地（本地只能存储字符串）
window.localStorage.setItem("Data", d);
//获取本地存储的Data（JSON格式字符串）
var json=window.localStorage.getItem("Data");
//将JSON字符串转换成为js对象
var jsonObj=JSON.parse(json);
