localStorage与sessionStroge

---

前言

localStrorage与sessionStrorage是html5的一个新对象，用来进行本地的存储，当前所有主流浏览器都支持，但是低版本不支持

---

一、localStorage

localStorage：是能长时间存储本地浏览器的数据，当一个标签页改变，其他标签页跟着改变

存储setItem

		// 存储一个数据
        localStorage["red"] = '红';//方法一
        localStorage.setItem('black', '黑');//方法二

获取getItem

	  // 获取一个数据
        console.log(localStorage["red"]);
        console.log(localStorage.getItem("black"));

删除

		 // 删除一个数据
        localStorage.removeItem('red');
        // 清除所有的数据
        localStorage.clear();

一、sessionStorage

sessionStorage：只针对当前浏览器窗口（标签页）有效的本地存储，窗口关闭内容消失

存储setItem

 // 存储一个数据
        sessionStorage["name"] = 'Tom';
        sessionStorage.setItem('age', '20');

获取getItem

	  // 获取一个数据
        console.log(sessionStorage["name"]);
        console.log(sessionStorage.getItem("age"));

删除

 		// 删除一个数据
        sessionStorage.removeItem("name");
        // 清除所有的数据
        sessionStorage.clear();

总结

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。