web浏览器数据本地存储
在浏览器中存储主要分为以下三种方式
- localstorage 2、sessionStorage 3、cookie
localStorage
生命周期永久,除非用户清除浏览器中的localStorage信息,否则永远存在;
存放数据大小一般为5MB;
仅在浏览器中保存,不参与服务器通信;
API调用:
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”localStorage.getItem("key");//获取名称为“key”的值localStorage.removeItem("key");//删除名称为“key”的信息。localStorage.clear();//清空localStorage中所有信息
sessionStorage
仅在当前会话下有效,关闭页面或者浏览器后被清除;
存放数据大小一般为5MB;
仅在浏览器中保存,不参与服务器通信;
可以接受源生接口,亦可以再次封装来对Object和Array有更好的支持;
API调用:
sessionStorage.setItem("key","value"); //以“key”为名称存储一个值“value”sessionStorage.getItem("key"); //获取名称为“key”的值sessionStorage.removeItem("key"); //删除名称为“key”的信息。sessionStorage.clear(); //清空sessionStorage中所有信息
Cookie
生命周期为在cookie设置的过期时间之前一直有效,即使窗口或者浏览器关闭;
存放数据大小为4K;
有存储个数限制(各浏览器不同),一般不超过20个;
与服务器端通信,每次都会携带在HTTP头中,cookie存储数据过多会带来性能问题;
localStorage与sessionStorage区别
我经常用到的存储方式为前两种,因此需要清楚了解它们之间的区别。
localStorage与sessionStorage的API调用方法相同;
不同浏览器无法共享localStorage或sessionStorage中的信息;
相同浏览器的不同页面可以共享相同的localStorage(前提是页面属于相同域名和端口);
相同浏览器的不同页面无法共享sessionStorage的信息;
需要注意的是:页面及标签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。这句话的意思是说在当前页面打开的链接和页面,可以访问sessionStorage的数据,或者说在当前页面关联的src链接也可以获取到sessionStorage数据。
web浏览器数据本地存储相关推荐
- WebStorage之浏览器的本地存储(结合案例)
目录 前言 一,WebStorage 二,localStorage 2.1 存储 2.2 读取 2.3 删除 2.4 清除全部 2.5 代码 三,sessionStorage 3.1 用法 3.2 区 ...
- 数据本地存储方法封装(笔记)localStorage、sessionStorage
数据本地存储方法封装(笔记)localStorage.sessionStorage 方法: import storage from 'good-storage'const SELLER_KEY = ' ...
- 关于浏览器的本地存储
浏览器本地存储大小 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 存储的实现机制 浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地 ...
- C#数据本地存储方案之SQLite
即使是做网络应用,在断线情况下,也需要考虑数据的本地存储.在SQLite出现之前,数据量大的情况下,我们一直使用ACCESS,数据量小,则文件存储.ACCESS不支持事务原子性,在断电情况下(这种情况 ...
- Ripple数据本地存储概览
1.数据文件及介绍 1.1 Sqlite数据 文件 包含表 内容 Ledger.db Ledgers 区块信息 Ledger.db Validations 本地历史区块共识信息 Transaction ...
- IOS数据本地存储的四种方式--
注:借鉴于:http://blog.csdn.net/jianjianyuer/article/details/8556024 在IOS开发过程中,不管是做什么应用,都会碰到数据保存问题.将数据保存到 ...
- Chrome浏览器收藏本地存储位置
位于C:\Users\("用户名")\AppData\Local\Google\Chrome\User Data\Default,名为Bookmarks的两个文件. 把书签文件复制 ...
- (五)HTML5本地存储——Web Storage
Web应用的发展,使得客户端存储使用得也越来越多,而实现客户端存储的方式则是多种多样.最简单而且兼容性最佳的方案是Cookie,但是作为真正的客户端存储,Cookie则存在很多致命伤.此外,在IE6及 ...
- 浏览器本地存储的四种方式
浏览器的本地存储主要分为Cookie.WebStorage和IndexedDB,其中WebStorage又分为localStorage(本地存储)和sessionStorage(会话存储),下面我们一 ...
- 浏览器本地存储的使用
浏览器的本地存储,我们的数据如果想每次打开浏览器都可以访问到的话,我们就必须使用本地存储这个功能 localStorage 对象,便可以帮我们实现这个功能 localStorage.setItem(& ...
最新文章
- 『互联网架构』软件架构-spring源码之spring结构概述
- android用户界面之TabHost教程实例汇总
- zend studio 远程调试 php
- .NET 通用权限设计
- 宿舍管理系统设计分析图
- lm358在哪个库里_库里8和aj35哪个好 库里8是安德玛的吗
- ​【文末有福利】股票跨度——真实世界的算法
- Java循环删除集合多个元素的正确打开方式
- LeetCode 154 在有序旋转数组中找最小-2
- struts拦截器+注解实现网络安全要求中的日志审计功能
- Linux设备驱动模型-Kobject
- Java从入门到精通入职学习路线
- lintcode-507-摆动排序 II
- 关闭Win10自动更新
- 第六届ACM省赛总结--吕云飞
- 让VMWare拥有Intel千兆网卡
- BIOS 中断向量表
- 8.抓取西刺网站(代理ip网站)
- java加密解密 pdf_Java 加密和解密PDF文档
- 东北大学专业 计算机专业英语教材,东北大学非英语专业硕士生用的哪套英语教材。求赐教!...
热门文章
- 消除ImageButton的灰色背景图片
- 计算机上怎么带源地址ping,如何带源地址ping
- 套件端口 群晖_群晖套件重装过程中提示端口被占用的解决方案
- python批量识别二维码图片_python+selenium 识别二维码
- 苹果xsmax有高通基带吗_苹果iPhone 12拆解:确认采用高通骁龙X55基带芯片
- 刚安装mysql怎么设置密码_安装完MySQL数据库设置密码
- e.detail.value 小程序如何传值
- c语言字符串转为大写,c语言 字符串转大写的简单实例
- java基础知识day01
- matlab 采样开关,UPS单模块10kVA单相电压型SPWM逆变器的Simulink模型建立及仿真分析...