[javascript]localStorage和sessionStorage区别
2024-10-06 17:34:40
一、sessionStorage、localStorage、cookie可查看的位置,F12=>Application:
二、cookie 、sessionStorage与localStorage的区别
localStorage和sessionStorage的区别点注意:
- localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
- sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
- 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。
三、localStorage和sessionStorage的使用方法(两者相同):
保存:
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
取得:
localStorage.getItem("key");//获取名称为“key”的值
删除:
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
注意:通过getItem或直接使用localStorage["key"]获取到的信息均为实际存储的副本。
例如:
localStorage.key = {value1:"value1"};
localStorage.key.value1='a';
这里是无法对实际存储的值产生作用的,下面的写法也不可以:
localStorage.getItem("key").value1="a";
最新文章
- iOS";Request failed: unacceptable content-type: text/html";
- [deviceone开发]-do_Viewshower的动画效果示例
- WEB API 中HTTP的get、post、put,delete 请求方式
- 2016 - 1- 22 NSURLConnetction --- POST请求
- poj3667---Hotel 线段树区间合并,区间更新
- hdu 4180
- java 工作内存
- 洛谷 P1028 数的计算【递推】
- PLSQL实现分页查询
- 2018国赛 - Writeup(待补充)
- Springboot项目打包后的页面丢失问题(thymeleaf报错)
- python基础----1. globals和locals
- vertx实例的fileSystem文件系统模块
- Sed工作原理
- To be better —msup荣获平安科技“2018年度优秀合作伙伴”称号
- python摸爬滚打之day022----模块(序列化操作)
- 自学Zabbix14.1 二次开发API
- 使用Vuex来处理Authentication token
- 【文文殿下】[CEOI2004]锯木厂选址 题解
- Codeforces Round #281 (Div. 2) A. Vasya and Football 模拟