(1)设置
设置cookie过期时间为5000s
document.cookie = "name=xiaohong; max-age=5000"
设置具体的日期
<script type="text/javascript">
var d = new Date(),
day = d.getDate();
d.setDate(day + 10);
document.cookie = "name=xiaohong;expire=" + d;
</script>
(2)删除
删除cookie,只需要将cookie的过期时间设置为过去的时间
<script type="text/javascript">
var d = new Date(),
day = d.getDate();
d.setDate(day - 10);
document.cookie = "name=xiaohong;expire=" + d;
</script>
书写manageCookies对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cookie</title>
</head>
<body>
<script type="text/javascript">
var manageCookies = {
set: function(key, value, expTime){
document.cookie = key + '=' + value + ';max-age=' + expTime;
return this;
},
delete: function(key){
return this.set(key, '', -1)
},
get: function(key,cb){
var CookiesArray = document.cookie.split('; ');
for(var i = 0; i < CookiesArray.length; i++ ){
var CookieItem = CookiesArray[i];
var CookieItemArray = CookieItem.split('=');
if(CookieItemArray[0] == key){
cb(CookieItemArray[1]);
return this;
}
}
cb(undefined);
return this;
}
}
manageCookies.set('name', 'xiaohong',1000)
.set('age', '20', 1000)
.set('hobby', 'basketball', 1000)
.delete('name')
.get('hobby',function(data){
console.log(data);
});
</script>
</body>
</html>