Question

sessionStorage 与localStorage 的区别

Answer 1

sessionStorage与localStorage  是H5的新概念，sessionStorage 开启了一个新的概念，会话窗口，当一个窗口关闭后，sessionStorage 也就消失了，不同浏览器打开的同一个页面，sessionStorage 也是不同的，localstorage是永久存在的，始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据，除非人为的去删除，而cookie是只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭，cookie数据始终在同源的 http请求 中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次 http请求 都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。而sessionStorage、localStorage 是存在本地的，但是其存储数量比cookie大得多，可以达到5M或更大。

下面我们来说下localStorage的存，读，删

设置数据：localStorage.setItem(key,value)

读取数据：localStorage.getItem(key)

删除数据：localStorage.removeItem(key,value)

清空全部数据：localStorage.clear()

<div id="test"></div>

<script>

//检查浏览器是否支持storage

if(typeof(Storage)!=='undefined'){

localStorage.setItem("name","mfz")

document.getElementById("test").innerHtml=localStorage.getItem('name');

}else{

document.getElementById("test").innerHtml="您的浏览器不支持storage";

}

</script>