本地存储:localStorage,sessionStorage,和cookie。区别

localStorage:

特点:

  1. 永久存储
  2. 支持跨页面通讯,也就是在其他页面同样可以获取到你存好的数据。
  3. 只能存储字符串类型的数据,不能存储复杂数据类型

sessionStorage:

特点:

  1. 临时存储,会话级别,页面(浏览器)关闭就没了
  2. 虽然支持跨页面通讯,但是要求必须是从当前页面跳转过去的并且是当前窗口打开才行。
  3. 只能存储字符串类型的数据,不能存储复杂数据类型。

    
    
    
    
    


    

 本地存储:localStorage,sessionStorage,和cookie。区别_第1张图片

cookie:

特点:

  1. 只能存储字符串类型数据
  2. 存储的数据大小有限,只能存储4kb左右
  3. 会话几别的存储,浏览器关了就没了。但是我们可以设置过期时间
  4. cookie的操作必须依赖服务器

    

    

storage和cookie方式的区别

  1. cookie有js的时候就有cookie了,storage的存储方式是h5才出的
  2. cookie只能存储4kb左右的数据,storage可以存储5MB左右
  3. 在做前后端交互的时候cookie的数据会随着页面请求自动携带,storage的数据不会自动携带。
  4. cookie前后端都可操作,storage只能前端js操作
  5. cookie默认是会话级别的,但是可以设置过期时间,storage不可手动设置过期时间。

你可能感兴趣的:(JS基础,前端,javascript)