关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

Web前端开发储存之sessionStorage和localStorage

发布时间:2020-03-10 00:00:00

对电脑浏览器而言,应用 Web Storage 储存键值比照储存 Cookie 方法更形象化,并且容积更大,它包括二种:localStorage 和 sessionStorage

  1. sessionStorage(临时性储存) :为每一个数据库保持一个储存地区,在电脑浏览器的此标识页开启期内存有,包含此标识页的网页页面再次载入

  2. localStorage(长期性储存) :与 sessionStorage 一样,可是电脑浏览器关掉后,数据信息仍然会一直存有

  3. localStorage和sessionStorage的储存数据信息尺寸一般全是:5MB

 

用法说明:sessionStorage 和 localStorage 的使用方法基本一致,引用类型的值必须转化成 JSON 开展储存

 

1. 储存数据信息到当地

  

    let obj = {
        name: 'xiaoming',
        age: 18,
        birthday: '2000-01-01',}

    sessionStorage.setItem('userInfo', JSON.stringify(obj))

    localStorage.setItem('userInfo', JSON.stringify(obj))

注:若第二次储存的key值与第一次储存的key值同样,则会遮盖第一次的值。

 

2. 从当地获取数据

 

let obj1 = JSON.parse(sessionStorage.getItem('userInfo'))

let obj2 = JSON.parse(localStorage.getItem('userInfo'))

 

3. 从当地删掉特定 key 值

 

sessionStorage.removeItem('userInfo')

localStorage.removeItem('userInfo')

 

4. 清除储存的全部值

 

sessionStorage.clear()

localStorage.clear()

 


/template/Home/Zkeys/PC/Static