HTML本地存储：优于cookies。

 

　　什么是HTML本地存储？

 

　　通过本地存储（LocalStorage），web应用程序能够在用户浏览器中对数据进行本地的存储。

 

　　在HTML5之前，应用程序数据只能存储在cookie中，包括每个服务器请求。本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。

 

　　与cookie不同，存储限制要大得多（至少5MB），并且信息不会被传输到服务器。

 

　　本地存储经由起源地（origin）（经由域和协议）。所有页面，从起源地，能够存储和访问相同的数据。

 

　　浏览器支持

 

　　表格中的数组指示了完全支持本地存储的首个浏览器版本。

 

　　html-2.png

 

　　HTML本地存储对象

 

　　HTML本地存储提供了两个在客户端存储数据的对象：

 

　　window.localStorage-存储没有截止日期的数据

 

　　window.sessionStorage-针对一个session来存储数据（当关闭浏览器标签页时数据会丢失）

 

　　在使用本地存储时，请检测localStorage和sessionStorage的浏览器支持：

 

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

 

　　//针对localStorage/sessionStorage的代码

 

　　}else{

 

　　//抱歉！不支持WebStorage..

 

　　}