本地存储——localStorage的用法,与sessionStorage区别 - 壹站转角
本地存储——localStorage的用法,与sessionStorage区别
localstorage的主要作用就是,存储数据,以便在需要的时候。
localstorage 属于window 下的对象(object)
区别:
localStorage与 sessionStorage 区别主要分两部分。
1. 容量区别:
localStorage 20M(容量较大) | sessionStorage 5M
2. 生命周期:
通过localstorage存储的数据,如果不手动删除将会一直存在,关闭浏览器再次打开数据依然存在。
通过sessionStorage存储的数据,关闭浏览器窗口就消失。
方法及含义:
方法含义参数
setItem(‘key’,‘value’)储存数据key为数据的名字,value为数据
getItem(‘key’)读取数据key为数据的名字
removeItem(‘key’)删除数据key为数据的名字
clear()清空数据-
使用方法详解:
一、储存数据
window.localstage.setItem(\’key\’,\’value\’)
// key : 数据的名称
// value : 数据
// 所存储的是数据必须是string类型
二、读取数据
window.localstage.getItem(\’key\’)
// key : 数据的名称
// 如果数据不存在,返回null (一般用它做判断)
三、删除数据
window.localstage.removeItem(\’key\’)
// key : 数据的名称
// 删除本地存储中的指定数据
四、清空数据
window.localstage.clear()
// 清空本地存储中的所有数据
实例:
效果(按F12打开控制台查看):
版权声明:本文为CSDN博主「最初都是小白」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Originally_M/article/details/104562086/