localStorage 和 sessionStorage
1.概述
以前本地存储使用 cookie。但是 Web 存储需要更加安全和快速。所以就出现了localStorage 和 sessionStorage。
2.sessionStorage,localStorage,cookie区别
1)传输数据:cookie数据作为会话标识,在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。
2)存储大小限制:cookie数据不能超过4K,同时因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大
3)数据有效期:sessionStorage:仅在当前浏览器窗口关闭之前有效;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭 。
4)作用域:sessionStorage 即使是同一个页面,不在不同的浏览器窗口中共享;localstorage,cookie是在所有同源窗口中都是共享的
3.存值
1)以key/value的形式存
2)通常将要保存的数据先保存到一个对象上,然后将该对象作为value和key一起保存起来,我们将使用 [JSON.stringify](http://www.runoob.com/js/javascript-json-stringify.html) 来存储对象数据,[JSON.stringify](http://www.runoob.com/js/javascript-json-stringify.html) 可以将对象转换为字符串。
4.方法
不管是 localStorage,还是 sessionStorage,可使用的API都相同,常用的有如下几个(以localStorage为例):
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
删除单个数据:localStorage.removeItem(key);
删除所有数据:localStorage.clear();
得到某个索引的key:localStorage.key(index);
最新文章
- nodejs 模块恩仇录
- Android复制粘贴文字
- Java 8 中 CAS 的增强
- JavaScript要点 (四)JSON
- RESTFul API 一些文章
- 浅析门户网站体育赛事CDN加速解决方案
- 安装logstash,elasticsearch,kibana三件套(转)
- 【BZOJ1013】球形空间产生器(高斯消元)
- 学号:201621123032 《Java程序设计》第12周学习总结
- 「FHQ Treap」学习笔记
- L1-016 查验身份证 (15 分)【考细心,考flag设置】
- 使用LVM进行分区扩展的记录
- [转]Ubuntu默认使用root用户登录并免去输入密码
- EasyUI 获取展开表中行数据
- vue-cli 如何打包上线
- python升级后带来的几个小问题
- cogs 2221. [SDOI2016 Round1] 数字配对
- Android的基础知识
- leetcode-64-最小路径和
- Apache HBase 集群安装文档
热门文章
- CVE-2018-10945 mongoose越界访问
- eclipse安装python
- AWS CSAA -- 03 Identity Access Management IAM
- ssm单项目整合
- Oracle EBS 启动调试日志
- 一、JDBC的概述 	二、通过JDBC实现对数据的CRUD操作 	三、封装JDBC访问数据的工具类 	四、通过JDBC实现登陆和注册 	五、防止SQL注入
- October 06th 2017 Week 40th Friday
- delete obj$
- 【教程】【FLEX】#004 反射机制
- Android Studio3.0 配置AndroidAnnotation注解框架