`

localStorage和sessionStorage的区别

    博客分类:
  • html
 
阅读更多

共同点:

      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();

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics