客户端两大存储方式cookie、localStrorage的使用方式-CSDN博客

1、cookie的使用

1）存入cookie

通过传入属性名及其属性值，设置cookie，默认为30天，可以自己修改

function setCookie(name,value) {
  var Days = 10; //此 cookie 将被保存 10 天
  var exp  = new Date();    //获取当前时间
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape(value) + ";expires=" + exp.toGMTString();//escape对字符串编码
}

2）取cookie里的值

主要是通过传入一个参数属性（name），利用正则表达式来获得对应的属性值（value）；

function getCookie(name) {
    // (^| )name=([^;]*)(;|$),match[0]为与整个正则表达式匹配的字符串，match[i]为正则表达式捕获数组相匹配的数组；
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr != null) {
        return unescape(arr[2]);
    }
    return null;
}

cookie 不适合大量数据的存储，只能存储一个字段，不能存储一个对象。因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

2、localStrorage的使用

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

1）存入localStrorage

localStorage.setItem("name", JSON.stringify(v));  //将v转化为json格式数据

2)取值

localStorage.getItem("name");

转载于:https://my.oschina.net/hrw/blog/844799