HTML5 LocalStorage本地存储

在客户端存储数据

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");

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容