在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:
- localStorage - 没有时间限制的数据存储
- sessionStorage - 针对一个 session 的数据存储
之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。
var Util =(function(){
var StorageGetter=function(key){
return localStorage.getItem(key);
} //读取数据
var StorageSetter=function(key,value){
return localstorage.setItem(key,value);
} //储存数据
return{
StorageGetter:StorageGetter,
StorageSetter:StorageSetter
}
})();
Util.StorageSetter("background-color",color);
var color=Util.StorageGetter("background-color");