前端 本地缓存localStorage/sessionStorage

2023-07-29,,

当我们刷新页面时,除了路由,页面的当前状态及数据会全部清空/重置,包括浏览器标题。

如果想保存刷新前的一些数据,可以通过window.localStorage/sessionStorage,在浏览器里存储一些键值对小数据。

localStorage与sessionStorage的区别,前者的存储一直保留着,后者在关闭窗口/标签时会被删除。

使用方法:

1 // 存储
2 sessionStorage.setItem("key", "XXX");
3 // 检索
4 var keyValue = sessionStorage.getItem("key");
5 //删除
6 sessionStorage.removeItem("key");
7 //全部删除
8 sessionStorage.clear();

前端 本地缓存localStorage/sessionStorage的相关教程结束。

《前端 本地缓存localStorage/sessionStorage.doc》

下载本文的Word格式文档,以方便收藏与打印。