Window.localStorage 的使用

Posted 2021-03-18 wbyixx

只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除 。

应注意，无论数据存储在 localStorage 还是 sessionStorage ，它们都特定于页面的协议。

另外，localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

增加一个数据项目:

localStorage.setItem('myCat', 'Tom');

读取 localStorage 项

let cat = localStorage.getItem('myCat');

移除 localStorage 项

localStorage.removeItem('myCat');

移除所有的 localStorage 项

// 移除所有
localStorage.clear();