js本地存储localStorage和sessionStorage

简介: js本地存储localStorage和sessionStorage

JavaScript本地存储有两种方式:localStorage和sessionStorage

localStorage是一种持久化存储方式,数据会一直保存在用户的本地计算机上,直到用户手动清除或者浏览器卸载。localStorage可以存储较大的数据量,可以跨越不同的浏览器会话。 sessionStorage是一种会话存储方式,数据只会在当前会话中保存,当用户关闭浏览器窗口或者标签页时,数据会被清除。sessionStorage只能存储较小的数据量,不能跨越不同的浏览器会话。

使用localStorage.setItem()方法存入数据:

localStorage.setItem('name', '张三');

使用localStorage.getItem()方法读取数据:

var name = localStorage.getItem('name');
console.log(name) //张三

使用localStorage.removeItem()方法删除数据:

localStorage.removeItem('name');

需要注意的是,由于JavaScript本地存储是在用户的本地计算机上进行的,所以存储的数据可能会被用户手动清除或者浏览器自动清除,因此不能将重要的数据存储在本地存储中

相关文章
|
2月前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
74 0
|
4月前
|
存储 前端开发 JavaScript
揭秘!JavaScript本地存储的四大绝技:从Cookie到IndexedDB,让你的Web应用秒变数据存储高手,轻松应对各种挑战!
【8月更文挑战第4天】JavaScript为核心前端技术,提供多样本地存储方案以优化用户体验与减少服务器负载。首先,Cookie虽用于基本数据如登录状态,但受大小限制及安全性影响。接着,Web Storage中的LocalStorage持久存储不变数据,SessionStorage则限于单次会话。更进一步,IndexedDB作为全面数据库解决方案,支持复杂数据操作但使用较复杂。每种方式根据应用需求各有优势。
79 9
|
4月前
|
存储 JavaScript 前端开发
JavaScript 本地存储
JavaScript 本地存储
29 0
|
4月前
|
存储 JavaScript
js之本地存储
js之本地存储
41 0
|
5月前
|
存储 前端开发 安全
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第2天】探索Web存储:localStorage持久化,sessionStorage会话限定,cookies则伴随HTTP请求。了解它们的特性和限制,如localStorage的5MB容量限制、跨域问题,sessionStorage的生命周期,及cookies的安全与带宽消耗。使用时需权衡安全、效率与应用场景。示例代码展示存储与检索方法。
344 2
|
5月前
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
232 0
|
5月前
|
存储 Web App开发 移动开发
js【详解】本地存储 Cookie、sessionStorage、localStorage
js【详解】本地存储 Cookie、sessionStorage、localStorage
155 0
|
24天前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
22 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
101 2
|
20天前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
16 0