web本地存储

Web Storage

Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能，可以用于客户端的本地存储，其相对于cookie来说有以下几点优势：

• 存储空间大：cookie只有4KB的存储空间，而Web Storage在官方建议中为每个网站5M。
• 可选择性强

WebStorage分为两种：

• sessionStorage：sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
• localStorage:localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

语法非常简单：

保存数据		 localStorage.setItem( key, value ); sessionStorage.setItem( key, value );

读取数据		 localStorage.getItem( key ); sessionStorage.getItem( key );

删除单个数据		localStorage.removeItem( key ); sessionStorage.removeItem( key );

删除全部数据		localStorage.clear( ); sessionStorage.clear( );

获取索引的key		localStorage.key( index ); sessionStorage.key( index );

以localStorage为例

注意：localStorage和SessionStorage都只能保存字符串。