【JavaScript 】深入理解浏览器本地存储

简介

        Web本地存储是一种在浏览器中存储数据的机制，允许开发者在客户端存储和检索数据。本教程将详细介绍Web本地存储的不同技术和方法，包括LocalStorage和SessionStorage。

---

LocalStorage

存储数据

LocalStorage是一种在浏览器中存储数据的API，可以将键值对保存到客户端浏览器。

localStorage.setItem('key', 'value');

获取数据

通过键获取之前存储在LocalStorage中的值。

var value = localStorage.getItem('key');

删除数据

删除LocalStorage中指定键的值。

localStorage.removeItem('key');

---

SessionStorage

存储数据

SessionStorage也是一种在浏览器中存储数据的API，类似于LocalStorage，但其数据只在当前会话有效。

sessionStorage.setItem('key', 'value');

获取数据

从SessionStorage中获取之前存储的值。