HTML5的localStorage对象

HTML5的localStorage对象

localStorage是标准的JS对象，主要用于HTML5。

重要：如果要支持localStorage对象，需要WebView的WebSettings增加以下方法，否则就有会JS报错（WebView默认不开启DOM Storage） 以后遇到类似问题，需要注意。

private WebSettings mWebsettings = getSettings();
mWebSettings.setDomStorageEnabled(true);

一、localStorage/sessionStorage背景知识：

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。

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

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

二、API方法：

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

1）setItem存储value

用途：将value存储到key字段，用法：.setItem( key, value)

代码如下:

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

2）getItem获取value

用途：获取指定key本地存储的值，用法：.getItem(key)

代码示例：

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

3）removeItem删除key

用途：删除指定key本地存储的值，用法：.removeItem(key)

代码如下:

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

4）clear清除所有的key/value

用途：清除所有的key/value，用法：.clear()

代码示例：

sessionStorage.clear(); 
localStorage.clear();