zhaowei303

本地存储——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/

本地存储——localStorage的用法,与sessionStorage区别

发表于 2020-07-04 16:17  壹站转角  阅读(255)  评论(0编辑  收藏  举报
 

分类:

技术点:

相关文章: