localstorage

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站 性能的情况下存储大量数据成为可能。

对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。

HTML5 使用 JavaScript 来存储和访问数据。

/源自w3c/

二、用法小结

（一）设置值
1localStoragesetItem(key,value):如果key的value存在时，更新key的值,例：localStoragesetItem("name","moomoo");//【推荐写法】
2localStoragename = "moomoo";
3localStorage["name"] = "moomoo";

（二）获取值
1localStoragegetItem(key,value):如果key的value不存在时，返回null，例：localStoragegetItem("name");//【推荐写法】
2var name = localStoragename;
3var name = localStorage["name"];

（三）清除值
1localStorageremove(key)，//表示清除单项key的值，
例:localStorageremove("name");//执行这句话就会清除name的值
2localStorageclear(),//表示清除localStorage存储的所有数据

（四）遍历存储的数据
//当你不清楚本地localStorage存储了多少数据的时候，
用key(index)方法绝对是一个不错的选择，
key(index)方法可以遍历localStorage存储的key。写个简单的例子：
for(i=0;i<localStoragelength;i++){
documentwrite(localStoragekey(i)+":"+localStoragegetItem(localStoragekey(i))+"
");
}
localStoragelength表示本地存储数据的总量；
localStoragekey(i),表示获取第i个数据的key；
localStoragegetItem(localStoragekey(i))，表示获取第i个数据的value。

（五）JSON存储
当需要存储的数据很多时，可以将数据存储到数组中并转换成JSON格式的数据。
1JSONstringify(data) 将对象转换成JSON格式的数据串。
2JSONparse(data)将数据解析成对象并返回解析后的对象。
这样说或许不太好懂，直接上例子：
var arr = {"name":"moomoo","age":2,"eat":"apple"};
localStoragesetItem("arr",JSONstringify(arr));
arr = JSONparse(localStoragegetItem("arr"));

以上就是关于localstorage全部的内容，包括:localstorage、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！