html5的sessionStorage和localStorage应用

一，sessionStorage和localStorage之间的区别

       首先，Html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

       sessionStorage：用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

       localStorage：用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

 

二，web storage和cookie的区别

       web storage和cookie都可以在浏览器端存储数据，但是cookie存储数据是有大小限制的(4KB左右的数据)，而且同一域名下存储cookie的个数也是有限制的(不同浏览器限制个数不同，IE一般限制为20个左右)，由于每次与服务端交互，都要带上该域名下所有的cookie信息，无疑会增大网络带宽的开销。

       而web storage只是在浏览器端存储数据，没有上述限制因素。

 

三，web storage的使用

       localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等。

#localStorage常用操作
window.localStorage.setItem(key,value);
window.localStorage.getItem(key);
window.localStorage.removeItem(key);
window.localStorage.clear();//清除所有localStorage数据

#sessionStorage常用操作
window.sessionStorage.setItem(key,value);
window.sessionStorage.getItem(key);
window.sessionStorage.removeItem(key);
window.sessionStorage.clear();//清除所有sessionStorage数据