本地存储

2020-06-25  本文已影响0人  社会主义顶梁鹿

一、本地存储的特性

(1)数据存储在用户浏览器中

(2)设置、读取方便,页面刷新数据不丢失

(3)容量较大,sessionStorage约5M、localStorage约20M

(4)只能存储字符串,可以将对象JSON.stringify()编码后存储

二、window.sessionStorage

(1)生命周期为关闭浏览器窗口

(2)在同一个窗口(页面)下数据可以共享

(3)以键值对的形式存储使用

1、存储数据

语法格式:sessionStorage.setItem(key, value)

2、获取数据

语法格式:sessionStorage.getItem(key)

3、删除数据

语法格式:sessionStorage.removeItem(key)

4、删除所有数据

语法格式:sessionStorage.clear()

三、window.localStorage

(1)用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除

(2)在其他窗口(页面)下数据依然可以共享,只要在同一个浏览器都可使用

(3)属性是只读的

(4)以键值对的形式存储使用

1、存储数据

语法格式:localStorage.setItem(key, value)

2、获取数据

语法格式:localStorage.getItem(key)

3、删除数据

语法格式:localStorage.removeItem(key)

4、删除所有数据

语法格式:localStorage.clear()

上一篇 下一篇

猜你喜欢

热点阅读