localStorage&&sessionStorage

localStorage

是一种浏览器存储数据的方式（本地存储），它只是存储在本地，不会发送到服务器端； 单个域名下的 localStorage 总大小有限制, 存储的键和值只能是字符串类型,不同的域名是不能共用 localStorage 的, IE7及以下版本不支持 localStorage，IE8 开始支持 localStorage 是持久化的本地存储， 除非手动清除（比如通过 js 删除，或者清除浏览器缓存），否则数据是永远不会过期的

localStorage.setItem('username ', ' name'); console.log(localStorage.length) console.log(localStorage.getItem('name'))//获取不存在的返回 null localStorage.removeItem('username');//删除不存在的 key，不报错 localStorage.clear();

sessionStorage

// 当会话结束（比如关闭浏览器）的时候，sessionStorage 中的数据会被清空 // sessionStorage.setItem('username', 'name'); // sessionStorage.getItem('username'); // sessionStorage.removeItem('username'); // sessionStorage.clear();

注意使用storage封装过程中 存放，localStorage存储对象的限制，存储的对象为object[Object] 使用 JSON.stringify()，将对象转换为json字符串 取用：使用JSON.parse(),将json字符串再转化回对象