Web 存储

1.localstorage vs sesseionStrorage

两者都是存储数据,

Localstorage 用户本地存储,它储存的收据如果不手动删除,则会在本地一直存在,没有限制

Sessionstorage 则是储存一个临时会话的数据,当关闭浏览器窗口,数据就会被删除

2.Cookie 与 Web Storage 区别:

Cookie 与服务器进行交互,作为HTTP规范的一部分而存在

Web Storage仅仅是为了在本地“存储”数据而生

3.localStorage和sessionStorage都具有相同的操作方法

例如setItem、getItem和removeItem等

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

原文地址:https://www.cnblogs.com/laoniaofly/p/5761282.html