HTML5 web储存

在HTML5之前，本地储存使用的是cookie，web储存的优势：

1. 更安全
2. 更快速
3. 可以储存大量的数据
4. 每个服务器请求都不会发送存储的数据

数据都是以键/值成对的存在，web网页的数据只允许该网页访问使用

web存储对象有两种类型

1. localStorage：对象存储的数据没有时间限制
2. sessionlStorage：当用户关闭浏览器窗口后，数据会被删除

API（把localsorage换成sessionstorage也可以）

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 清除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);