前端本地存储sessionStorage和localStorage

window.sessionStorage

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

2.在同一个窗口下数据可以共享

3.以键值对的形式存储

用法:

存储数据   sessionStorage.setItem(key, val)

获取数据 sessionStorage.getItem(key)

删除数据 sessionStorage.removeItem(key)

清楚所有数据 sessionStorage.clear()//会清除页面中所有数据,慎用

window.localStorage

1.生命周期永久生效,除非手动删除否则关闭页面也会生效

2.可以多窗口(页面)共享(同一浏览器可以共享)

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

用法

存储数据 localStorage.setItem(key, val)

获取数据 localStorage.getItem(key)

删除数据 localStorage.removeItem(key)

清楚所有数据 localStorage.clear()//

你可能感兴趣的:(前端)