资讯专栏INFORMATION COLUMN

webStorage统称

不知名网友 / 1491人阅读

摘要:相关该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。该方法接受一个键名作为参数,并把该键名从存储中删除。注意事项存储的内容会随着浏览器窗口关闭而消失。存储的内容,需要手动清除才会消失。

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

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

  3. 相关API:

    1. xxxxxStorage.setItem("key", "value"); 该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值。

    2. xxxxxStorage.getItem("person");

      ​ 该方法接受一个键名作为参数,返回键名对应的值。

    3. xxxxxStorage.removeItem("key");

      ​ 该方法接受一个键名作为参数,并把该键名从存储中删除。

    4. xxxxxStorage.clear()

      ​ 该方法会清空存储中的所有数据。

 4.注意事项:

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/125628.html

相关文章

  • 浅谈cookie,session和localStorage,sessionStorage的区别

    摘要:保持状态保存在浏览器端,保存在服务器端存储的大小单个保存的数据不能超过大小没有限制。的目的是克服由所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。的生命周期是仅在当前会话下有效。 写在前面 既然是浅谈,就不会详细从底层原理解释这几个的区别,就简单地聊一下,这几个的区别,优缺点,应用场景 cookie和session 浏览器的缓存机制提供了可以将用户数据存...

    frolc 评论0 收藏0
  • Session ,Cookie ,webStorage的区别

    摘要:前言保存在服务器端,大小没有限制,由后端进行设置。保存在浏览器,比容量更大,最大为。只会在当前的网站中有效。保存在浏览器端,不主动的清除,不会失效保存浏览器,浏览器关闭后,页面失效。 前言 Session 保存在服务器端,大小没有限制,由后端进行设置。 不要把session与sessionStorage搞混,他们并不是一个东西session是服务端设置的,保存在服务端sessionSt...

    codeGoogle 评论0 收藏0
  • cookie、session、sessionStorage、localStorage 之间的区别及应

    摘要:获取数据,将键值传入,即可获取到对应的值。删除单个数据,根据键值移除对应的信息。存储文件夹用户名用户名浏览器窗口关闭后数据被销毁。存储量小安全性差数据操作接口不友好,而存储量较大安全性较高数据接口友好。 在前端日常开发中 cookie、webStorage 是我们常用的浏览器缓存方式。但同时说起 cookie、session、sessionStorage 和 localStorage ...

    nidaye 评论0 收藏0
  • 前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。相同点:都是存储在客户端不同点:showI...

    raledong 评论0 收藏0

发表评论

0条评论

不知名网友

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<