H5本地存储

Cookie：数据存储到计算机中，通过浏览器控制添加与删除数据
Cookie的特点：
存储限制：域名100个cookie，每组值大小4KB
客户端、服务器端，都会请求服务器（头信息）
页面间的cookie是共享
cookie的作用：
页面用来保存信息
同一个网站中所有页面共享一套cookie
cookie的使用：
设置cookie，过期时间expires
读取cookie，字符串分割
删除cookie，已经过期
例子：cookie登录后删除信息

Storage
sessionStorage
session：临时会话，从页面打开到页面关闭的时间段，窗口的临时存储，页面关闭，本地存储消失
localStorage：永久存储（可以手动删除数据）
Storage的特点：存储量限制（5M）客户端完成，不会请求服务器处理
sessionStorage数据是不共享的，localStorage共享

Storage API
setItem()：设置数据，key\value类型，类型都是字符串，可以用获取属性的形式操作
getItem()：获取数据，通过key来获取到相应的value
removeItem()：删除数据，通过key来删除相应的value
clear()：删除全部存储的值

<input type="text" id="txt">
<input type="button" value="登录" id="login">
<input type="button" value="删除" id="remove">

login.onclick = function(){
  window.localStorage.setItem("name", txt.value);
  window.localStorage.setItem("num", 123);
  window.localStorage.setItem("user", 456);
  //console.log(window.localStorage.setItem());
}
remove.onclick = function(){
  window.localStorage.removeItem("num");
  window.localStorage.clear();
}

console.log(window.localStorage.getItem("name"));