sessionStorage和localStorage的用法,不同点和相同点
一,共同点
(1)存储时用setItem:
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
sessionStorage.setItem("key", "value");
(2)获取时用getItem:
localStorage.getItem("key");//获取名称为“key”的值
localStorage.key;//获取存储的变量key的值
sessionStorage.getItem("key");//获取名称为“key”的值
(3)清除时用clearItem
localStorage.removeItem("key")//删除变量名为key的存储变量
sessionStorage.removeItem("key")//删除变量名为key的存储变量
(4)都本地存储
(5)存储时转化成字符串,获取时转化成对象
sessionStorage.setItem('xxx', JSON.stringify(obj));
obj = JSON.parse(sessionStorage.setItem('xxx')); 
二,不同点
(1)sessionStorage的用法:
sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。
简言之:关闭页面就销毁
(2)localStorage的用法:
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
简言之:你不手动清除它就一直在
sessionStorage和localStorage的用法,不同点和相同点的更多相关文章
- sessionStorage、localStorage简介
		
简介 技术一般水平有限,有什么错的地方,望大家指正. sessionStorage.localStorage.cookie这三个是我们在浏览器端用来存储数据的,cookie使用起来较为繁琐以后进行总结 ...
 - sessionStorage 、localStorage 和 cookie
		
localStorage 和 sessionStorage HTML5 提供了两种在客户端存储数据的新方法:localStorage 和 sessionStorage: 两者都是仅在客户端(即浏览器) ...
 - cookies,sessionStorage和localStorage的相同点和不同点?
		
相同点:都存储在客户端. 不同点: 1.存储大小: cookies数据大小不能超过4k sessionStorage和localStorage虽然也有存储大小的限制,但比cookies大得多,可以达到 ...
 - sessionstorage,localstorage和cookie之间的区别以及各自的用法
		
由于年前辞了自己的工作,年后又开始重新找工作,参加了好几次面试,居然都遇到了同样的面试题:sessionstorage,localstorage和cookie之间的是区别? 当然,在面试的时候答的也不 ...
 - 浏览器之本地缓存存储 localStorage 和 sessionStorage的区别以及用法
		
区别: localStorage永久保存在浏览器 :sessionStorage在浏览器关闭之后存储的数据就会销毁 用法:两者用法差不多,但是取值有所不同 编辑页面逻辑代码为: 这是给 id=btn ...
 - cookie和sessionStorage 、localStorage 对比
		
相同点:都存储在客户端 不同点:1.存储大小 cookie数据大小不能超过4k. sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或 ...
 - 前端面试01:描述一下cookices  sessionStorage 和 localStorage 的区别
		
相同点:都可以存储在客户端 不同点: 1.存储大小 cookie数据大小不能超过4K. sessionStorage 和 localStorage 虽然也有大小限制,但是比cookie大得多,可以达到 ...
 - 请描述一下 cookies,sessionStorage 和 localStorage 的区别
		
原文:http://blog.csdn.net/lxcao/article/details/52809939 相同点:都存储在客户端不同点: 1.存储大小 cookie数据大小不能超过4k. sess ...
 - HTMl5的存储方式sessionStorage和localStorage详解
		
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage.sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有 ...
 
随机推荐
- AM3358--Uboot支持LCD输出1024*768
			
1. uboot/include/lcd/tq3358_fb.h #define TFT240320 1 #define TFT320240 2 #define TFT480272 3//T43(天嵌 ...
 - monkey简介与最常用命令
			
1.monkey简介 monkey是SDK附带的一个用来做压力测试的工具,monkey测试所有事件都是随机发生的,不带有主观性,测试人员主要通过跑monkey后打印出来的日志分析来发现问题 2.mon ...
 - ubuntu14.04安装cuda
			
1 装系统时候注意,另外14.04要好于12.04,自带了无线驱动 ubuntu14.04安装完不要update 2 安装cuda和cudnn http://blog.csdn.net/l297969 ...
 - C#图解教程 第十四章 事件
			
事件 发布者和订阅者源代码组件概览声明事件订阅事件触发事件标准事件的用法 通过扩展EventArgs来传递数据移除事件处理程序 事件访问器 事件 发布者和订阅者 很多程序都有一个共同的需求,既当一个特 ...
 - 数据分析神器Colab的初探
			
为什么要使用Colab 使用过Jupyter(参看<「极客时间」带来的社区价值思考>章节:社区交流的基建设施)的朋友,一定会醉心于它干净简洁的设计,以及在"摆脱Python命令行 ...
 - tomcat查看端口被占用
			
1. tomcat有安装版和压缩版 安装版的没有关闭命令 压缩版的命令如下: tomcat关闭:catalina stop/shutdown 开启:catalina start 2. 在tomca ...
 - 【BZOJ4916】神犇和蒟蒻(杜教筛)
			
[BZOJ4916]神犇和蒟蒻(杜教筛) 题面 BZOJ 求 \[\sum_{i=1}^n\mu(i^2)\ \ 和\ \sum_{i=1}^n\phi(i^2)\] 其中\[n<=10^9\] ...
 - [BZOJ3110][ZJOI2013]K大数查询(整体二分)
			
BZOJ Luogu sol 整体二分,其实很简单的啦. 对所有询问二分一个答案mid,把所有修改操作中数字大于mid的做一个区间覆盖(区间加1) 查询就是区间查询 然后左右分一分即可 注意是第k大 ...
 - 8Manage:专注企业级CRM服务应用
			
[导读]经过过去一段时间的资本寒冬,中国的企业服务市场热度渐退,开始步入平稳的发展阶段.面对中国越来越多企业的管理需求,这片具有巨大的发展空间的市场蓝海.我们应该如何面对企业客户CRM的需求,并将其更 ...
 - 如何为Web应用选择托管主机
			
PHP应用开发好了?恭喜你!不过,现在还没什么用,因为用户无法使用.你要把应用存储到服务器中,让预期受众能访问.一般来说,存储PHP应用有四种方式:共享服务器.虚拟私有服务器.专用服务器和平台即服务. ...