本地存储------Cookie

1.Cookie 的作用就是用于解决 "如何记录客户端的用户信息";默认情况下，cookie 在浏览器关闭时删除：

2.Cookie 以名/值对形式存储,如：

username=wu hen

3.创建Cookie

document.cookie="username=wu hen";

    ------设置过期时间

document.cookie="username=wu hen; expires=Thu, 18 Dec 2021 12:00:00 GMT; path=/";

------封装函数

function setCookie(cname,cvalue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

 

4.读取Cookie

var cookie = document.cookie;
//如果有多个cookie，那么读取出来就是一个长字符串,如：user=wuHen; phone=18888888888

------如果要读取特定的cookie，自己封装一个函数

function getCookie(cname) {

      var name = cname + "=";

      var ca = document.cookie.split(";");

      for (var i = 0; i < ca.length; i++) {

        var c = ca[i].trim();

        if (c.indexOf(name) == 0) {

          return c.substring(name.length, c.length);

        }

      }

      return "";

    }

// 使用的时候直接调用把名字传过去就可以了

5.修改cookie

document.cookie="username=wuHen";
// 名字就会变为wuHen

6.删除cookie

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
//或者
document.cookie = "username=; max-age=0";