js页面缓存，localStorage和sessionStorage使用总结

测试账号 2021-01-19 17:29 759阅读 0赞

localStorage、sessionStorage是Html5的特性,不支持及IE7下浏览器

localStorage和sessionStorage的区别：

localStorage，生命周期长，清除浏览器缓存时，才会被清空，否则一直在。

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

\* 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

1、存储大对象：
````
var unitInfo = {
    name: '财政厅',
   addr: '中国',
};
sessionStorage.setItem('unitInfo ', JSON.stringify(unitInfo));
localStorage.setItem('unitInfo ', JSON.stringify(unitInfo));
````
存储一个键值agency\_id的使用;

sessionStorage.setItem("agency_id", agency_id);//存

sessionStorage.getItem("agency_id");//取

sessionStorage.removeItem("agency_id");//移除

2、获取本地存储的数据：

var unitInfo = JSON.parse(sessionStorage.getItem('unitInfo'));

var unitInfo = JSON.parse(localStorage.getItem('unitInfo'));

3、删除本地存储中的某条数据：

sessionStorage.removeItem('unitInfo');

localStorage.removeItem('unitInfo');

4、清空本地存储：(如果页面有多处缓存，建议不要使用下面的清空操作)

sessionStorage.clear();

localStorage.clear();

发表评论取消回复

表情：

评论列表（有 0 条评论，759人围观）

还没有评论，来说两句吧...

相关阅读

相关使用sessionStorage和localStorage

sessionStorage和localStorage是html5的新特性，和cookie一样，sessionStorage和localStorage也用于客户端存储数据，同样

矫情吗；*/ 2023年06月25日 06:08/ 0 赞/ 16 阅读

相关 js 本地缓存localStorage和sessionStorage 用法和区别

定义和使用 localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个

逃离我推掉我的手/ 2022年11月26日 12:00/ 0 赞/ 200 阅读

相关 sessionStorage 和 localStorage 使用体会

sessionStorage 和 localStorage 区别 <1>sessionStorage 生命周期存在于当前窗口，当前窗口关闭了数据会消失，并且在不同窗口不共享数

逃离我推掉我的手/ 2022年07月11日 15:27/ 0 赞/ 218 阅读

相关 sessionStorage、localStorage用法总结

1. 作用：首先说明一下：sessionStorage和localStorage一样都是用来存储客户端临时信息的对象。 2. 存储内容的数据类型：两者皆储存字符串类型的数据

布满荆棘的人生/ 2022年05月27日 10:50/ 0 赞/ 231 阅读

相关 localStorage 和 sessionStorage 用法总结

localStorage 和 sessionStorage 属性都允许在浏览器中存储 key/value 键值对的数据。 sessionStorage 用于临时保存同一窗口(

「爱情、让人受尽委屈。」/ 2022年05月10日 13:10/ 0 赞/ 215 阅读

相关 js localStorage，sessionStorage

一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了co

曾经终败给现在/ 2022年04月14日 02:38/ 0 赞/ 182 阅读

相关 localstorage和sessionstorage使用区别

什么时候用是根据他们各自的功能和需求来决定的。 localStorage可以长期存储,只要你不清理数据就会长期存在,比如用ajax加载的后台的菜单就可以在登录时储存起来

谁践踏了优雅/ 2022年02月20日 04:37/ 0 赞/ 312 阅读

相关前端cookie、localStorage、sessionStorage缓存技术总结

转载自：[https://www.cnblogs.com/belove8013/p/8134067.html][https_www.cnblogs.com_belove8013

r囧r小猫/ 2021年12月20日 16:39/ 0 赞/ 239 阅读

相关 localStorage和sessionStorage

HTML5 Web存储包括localStorage和sessionStorage，HTML5 Web是以键值对的形式存储于客户端，通常存储的数据类型为字符串。 localS

以你之姓@/ 2021年06月12日 20:36/ 0 赞/ 583 阅读

相关 js页面缓存，localStorage和sessionStorage使用总结

localStorage、sessionStorage是Html5的特性,不支持及IE7下浏览器 localStorage和sessionSt...

测试账号/ 2021年01月19日 17:29/ 0 赞/ 760 阅读