欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

localStorage和sessionStorage的区别 博客分类: html  

程序员文章站 2024-02-10 11:52:40
...

共同点:

      sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。sessionStorage和localStorage 有存储大小的限制可以达到5M或更大。

不同点:

      数据有效期不同:

      sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;

      localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;

      作用域不同,sessionStorage不在不同的浏览器窗口*享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

localStorage和sessionStorage的方法:
setItem存储value
用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

 getItem获取value

用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

 removeItem删除key

用途:删除指定key本地存储的值
用法:.removeItem(key)
代码示例:

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

 clear清除所有的key/value

用途:清除所有的key/value
用法:.clear()
代码示例:

sessionStorage.clear(); 
localStorage.clear();