天天看点

关于浏览器的本地存储

浏览器本地存储大小

  • 存储内容大小一般支持5MB左右(不同浏览器可能还不一样)

存储的实现机制

  • 浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制

存储操作的相关api

localStorage.setItem('key','value')
//该方法接受-一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。
localStorage.getItem('key')
//该方法接受一个键名作为参数,返回键名对应的值。
localStorage.removeItem('key')
//该方法接受一个键名作为参数, 并把该键名从存储中删除。
localStorage.clear()
//该方法会清空存储中的所有数据。
           
  • sessionStorage和localStorage的使用方法基本一致,在这里不做演示了。

一些需要注意的地方:

  1. SessionStorage存储的内容会随着浏览器窗口关闭而消失。
  2. LocalStorage存储的内容,需要手动清除才会消失。
  3. xxxStorage . getem(xx)如果xxx对应的value获取不到,那么geltem的返回值是null.