Web API-本地存储

localStorage

1、生命周期永久生效，除非手动删除否则关闭页面也会存在
2、可以多窗口（页面）共享（同一浏览器可以共享）
3. 以键值对的形式存储使用

功能	语句
存储	`localStorage.setItem(key, value)`
获取	`localStorage.getItem(key)\|`
删除	`localStorage.removeItem(key)`

注意： 本地只能存储字符串,无法存储复杂数据类型.需要将复杂数据类型转换成JSON字符串,在存储到本地

功能	语句
将复杂数据转换成JSON字符串存储本地存储中	`JSON.stringify(复杂数据类型)`
将JSON字符串转换成对象取出时候使用	`JSON.parse(JSON字符串`

sessionStorage（了解）

1、生命周期为关闭浏览器窗口
2、在同一个窗口(页面)下数据可以共享
3. 以键值对的形式存储使用
4. 用法跟localStorage 基本相同

Web API-本地存储相关推荐

html5本地存储论坛,Web Storage--HTML5本地存储
什么是Web Storage Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能,可以用于客户端的本地存储,其相对于cookie来说有以下几点优势: 存储空间大:cook ...
Web APIs 本地存储
window 对象:浏览器窗口 1.window对象的三个特点 (1)window 是js中的顶级对象所有的全局函数全局变量都是window对象的成员(属性+成员) (2)只要是window对象中 ...
Web前端本地存储的三种方法
存法1:cookie_js 请求头带cookie npm install cookie_js --save安装依赖包存储:cookie.set('key','value') c ...
本地存储三种方式cookie、localStorage、sessionStorage的详细介绍
前言网页刷新的时候数据会被清空,这时候就需要用到存储技术.前端本地存储的方式有三种,分别是cookie.localStorage.sessionStorage.在前端面试过程中,经常会被问及这些存储 ...
HTML5本地存储使用详解
HTML5本地存储使用详解前言随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择.HTM ...
HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...
node JS獲取GPS_Node.js 14 正式发布：V8 引擎升级，新增异步本地存储 API
Node.js 14 版本于近日正式发布, 此版本包含的亮点如下: 对诊断功能的改进升级 v8 引擎新增实验性的异步本地存储 API 强化流 API 移除实验性模块中的警告移除一部分早期版本中废 ...
（五）HTML5本地存储——Web Storage
Web应用的发展,使得客户端存储使用得也越来越多,而实现客户端存储的方式则是多种多样.最简单而且兼容性最佳的方案是Cookie,但是作为真正的客户端存储,Cookie则存在很多致命伤.此外,在IE6及 ...
HTML5本地存储之Web Storage篇
2019独角兽企业重金招聘Python工程师标准>>> Web Storage是HTML5引入的一个非常重要的功能,在前端开发中经常用到,可以在客户端本地存储数据,类似HTML4的c ...
HTML5 API详解（18）:IndexedDB 本地存储
Web SQL Database实际上已经被废弃,而HTML5的支持的本地存储实际上变成了Local Storage和Session Storage与IndexedDB.Web Storage使用简单 ...

Web API-本地存储

localStorage

sessionStorage（了解）

Web API-本地存储相关推荐

最新文章

热门文章