HTML5新增web存储

Window.sessionStorage

该属性允许你访问一个 session Storage 对象；
存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
同一浏览器的页面都可以访问；

Window.localStorage

该属性允许你访问一个Document 源（origin）的对象 Storage；
存储在 localStorage 的数据可以长期保留；
同一浏览器的页面都可以访问；

常用方法

setItem(key, value)

增加了一个数据项目。
window.localStorage.setItem('myCat', 'Tom');
window.sessionStorage.setItem('myCat', 'Tom');

getItem(key)

读取数据项
window.localStorage.getItem('myCat');
window.sessionStorage.getItem('myCat');

removeItem(key)

移除数据项
window.localStorage.removeItem('myCat');
window.sessionStorage.removeItem('myCat');

clear()

移除所有的数据项
window.localStorage.clear();
window.sessionStorage.clear();