WebApi入门第十章(本地存储 localstorage与sessionstorage)

简介: WebApi入门第十章(本地存储 localstorage与sessionstorage)

1.localstorage


1.localStorage:本地存储


将数据存储到浏览器


2.语法


存: localStorage.setItem('属性名','属性值')


取: localStorage.getItem('属性名')


删: localStorage.removeItem('属性名')


清空: localStorage.clear()


3.注意点


a.存储的数据只能是字符串类型。如果是其他数据类型则会自动调用toString()方法转成字符串


b.永久存储。除非自己删,否则一直存在于浏览器


2.sessionStorage


1.sessionStorage相当于短命版的localStorage,其他用法完全一致


2.两者区别


localStorage:永久存储


sessionStorage:临时存储(存在内存,只要浏览器关闭就没有了)


相关文章
|
存储 移动开发 负载均衡
晨兴夜寐:这一次,彻底搞懂Cookie,LocalStorage,SessionStorage
晨兴夜寐:这一次,彻底搞懂Cookie,LocalStorage,SessionStorage
738 0
|
5月前
|
存储 前端开发 API
Session、Cookie、localStorage和SessionStorage是Web前端开发中常用的数据存储方式,它们之间各有不同的特点和适用场景。
Session、Cookie、localStorage和SessionStorage是Web前端开发中常用的数据存储方式,它们之间各有不同的特点和适用场景。
34 0
|
5月前
|
存储 移动开发 JavaScript
session、cookie、localStorage和SessionStorage怎么使用,区别和特点
session、cookie、localStorage和SessionStorage怎么使用,区别和特点
22 0
|
6月前
|
存储 JavaScript 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(2)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(2)
|
6月前
|
存储 缓存 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(3)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(3)
|
6月前
|
存储 JavaScript 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(1)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(1)
|
8月前
|
存储 缓存 前端开发
前端存储之sessionStorage和localStorage
前端存储之sessionStorage和localStorage
175 0
|
存储 数据采集 Web App开发
【前端】localStorage与sessionStorage的使用和区别
localStorage与sessionStorage的使用和区别
168 0
【前端】localStorage与sessionStorage的使用和区别
|
存储 移动开发 JSON
彻底弄清楚session,cookie,sessionStorage,localStorage的区别及应用场景(面试向)
客户端状态保持是一个老生常谈的问题了,归根结底追踪浏览器的用户身份及其相关数据无非就是以下四种方式:session,cookie,sessionStorage,localStorage
彻底弄清楚session,cookie,sessionStorage,localStorage的区别及应用场景(面试向)