web前端本地存储

本文介绍了HTML5中的本地存储机制,重点讲解了sessionStorage和localStorage的区别及使用方法。sessionStorage用于浏览器打开期间的数据存储,而localStorage则提供持久化的数据存储。两者在存储、获取、删除数据以及清除所有数据的操作上类似,但作用域和生存期不同。了解这些本地存储方式对于前端开发者至关重要。
摘要由CSDN通过智能技术生成

常用语法

sessionStorage(临时存储):在浏览器打开期间,都可将数据保存在一个存储区域,包括页面重新加载,但是一旦浏览器关闭,数据就会销毁

localStorage(永久存储):与sessionStorage不同的是,关闭浏览器后,数据会一直在

注:sessionStorage和localStorage都是html5中新增的本地存储方式

sessionStorage与localStorage用法 用法基本上保持一致

(1)存储

window.localStorage.setItem(key,value)   /  window.sessionStorage.setItem(key,value) (以下同)

localStorage.key = value   eg:  localStorage.age = 8

(2)获取

window.localStorage.getItem(key) :得到的是key对应的value值

localStorage.key(索引)   eg:localStorage.key(0) => 得到对应索引的key值

(3)删除某个数据

window.localStorage.removeItem(key)

(4)清除所有数据

window.localStorage.clear()

(5)长度属性

window.localStorage.length;

ps:window可写可不写

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值