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:临时存储(存在内存,只要浏览器关闭就没有了)


相关文章
|
2月前
|
存储 前端开发 API
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
110 0
|
5月前
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
235 0
|
存储 前端开发 API
Session、Cookie、localStorage和SessionStorage是Web前端开发中常用的数据存储方式,它们之间各有不同的特点和适用场景。
Session、Cookie、localStorage和SessionStorage是Web前端开发中常用的数据存储方式,它们之间各有不同的特点和适用场景。
95 0
|
存储 JavaScript 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(2)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(2)
|
存储 缓存 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(3)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(3)
|
存储 JavaScript 前端开发
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(1)
带你读《现代Javascript高级教程》十九、详解Cookie, Session, SessionStorage, LocalStorage(1)
|
存储 前端开发
cookie、localStorage和sessionStorage三者的区别
cookie、localStorage和sessionStorage三者的区别
181 0
|
存储 数据采集 Web App开发
【前端】localStorage与sessionStorage的使用和区别
localStorage与sessionStorage的使用和区别
269 0
【前端】localStorage与sessionStorage的使用和区别
|
存储 移动开发 JSON
彻底弄清楚session,cookie,sessionStorage,localStorage的区别及应用场景(面试向)
客户端状态保持是一个老生常谈的问题了,归根结底追踪浏览器的用户身份及其相关数据无非就是以下四种方式:session,cookie,sessionStorage,localStorage
彻底弄清楚session,cookie,sessionStorage,localStorage的区别及应用场景(面试向)