HTML5本地存储

浏览器本地存储中 cookie 和 localStorage, sessionStorage 有什么区别?

共同点:都是保存在浏览器端,且同源的。

区别

  • cookie 数据始终在同源的http请求中储存,它的大小限制为4KB左右,只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
    -localStorage本地离线存储,它的大小限制一般为5MB,始终有效,窗口或浏览器关闭也一直保存,持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
  • sessionStorage本地离线存储,它的大小限制一般为5MB,仅当前浏览器窗口关闭前有效,不是一种持久化的本地存储,仅仅是会话级别的存储。

localStorage 存储,获取,删除数据

存储

localStorage.setItem('name', 'boloog')

获取

localStorage.getItem('name')

删除

localStorage.removeItem('name');
// 清空
localStorage.clear();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容