存储分为两类:一是localStorage(本地存储),存储的数据没有过期时间,二是sessionStorage(会话存储),存储的数据会在浏览器会话结束时被清楚(即浏览器关闭时)
sessionStorage和localStorage为window属性,它们提供操作数据的方法完全相同。
添加数据:
window.sessionStorage.setItem("key","value");
key为键(变量名),value为值(赋给变量的值)。
如果多次给key赋值,则会覆盖前一个的值;
-
localStorage.setItem("name","john"); //设置name为john
-
localStorage.setItem("name","john1"); //覆盖之前的值,现在name所对应的值是john1
获取数据:
window.sessionStorage.getItem("key");
对于访问Storage对象还有更简单的方法,根据“键”和“值”的配对关系,直接在sessionStorage对象上设置和获取数据,可完全避免调用setItem()和getItem()方法。
window.sessionStorage.key="value";
移除数据:
window.sessionStorage.removeItem("key");
清空数据:
window.session.clear(); 不接受参数,清空存储对象里的所有数据。
cookie、sessionStorage、localStorage的区别:
1、cookie 存储量小 受到限制,设置过期时间删除,前后端自动同步
2、localStorage 存储量大,需手动删除
3、sessionStorage 临时存储,关闭浏览器自动删除