一、本地存储的特性
(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()
网友评论