存储数据的方法

浏览器缓存：把一个已经请求过的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);