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>
