cookie基本操作

HTTP:超文本传输协议，用于从web服务器传输超文本到本地浏览器的传输协议，它是一个无状态的协议。
cookie ∶是指缓存在本地客户端的数据
1.cookie的基本操作
cookie基本操作包括增、删、改、查四个部分
（1）查询

//  查询cookie
console.log(document.cookie)
// 设置cookie
document.cookie="username=hello"

效果：


（2）增

// 设置cookieusername和时间
var odate=new Date();
//设置时间为当前的第二天
odate.setDate(odate.getDate()+1)
document.cookie="username=hello;expires="+odate;

效果：

（3）改
第二个会覆盖第一个

// 修改cookie
document.cookie="username=hello1"
document.cookie="username=hello2"
console.log(document.cookie)

效果：

（4）删

// 删除cookie
var odate=new Date();
odate.setDate(odate.getDate()-1)
document.cookie="username=hello;expires="+odate;

效果：
前

后

2.cookie操作的封装
（1）setCookie()

function setCookie(name,value,day) {
var odate=new Date;
odate.setDate(odate.getDate()+day)
document.cookie=name+"="+value+";expires="+odate;
}
setCookie("hello1","1",1)
setCookie("hello2","2",1)
console.log(document.cookie)

效果：

（2）getCookie()

function getCookie(name) {
        var str=document.cookie;
        var arr=str.split("; ");
        for(var i=0;i

效果：

（3）removeCookie()

function removeCookie(name) {
  setCookie(name,1,-1) //给value随便赋值
}
removeCookie("hello1")

效果：
前

后

3.cookie七天免登录例子

用户名：
    密码：
    七天免登录
    

    

效果：