localStoragesessionStorageCookie的区别及用法

Posted 2020-11-04 dingxy

localStorage

html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，它有5M的大小空间，存储在浏览器中。

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

我们可以通过js来操纵localStorage:

1 localStorage.setItem("name","young") //key:name value:young
2 localStorage.getItem("name") 
3 localStorage.removeItem(name)
4 localStorage.clear() 清除所有
5 localStorage.length 本地存储key的个数; 
6 localStorage.key(i) i 0开始

sessionStorage

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

用法和localStorage一样

不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。