cookie主要用于缓存web页面用户的信息,它是一种将数据缓存到电脑上的文本文件。在web页面上用户的信息不会存储在后端 在页面上使用缓存来进行存储
在用户访问页面的时候,存储用户的信息到cookie 下次访问的时候,直接从cookie读取信息,并且cookie缓存存在有效期。
1:设置cookie
//cookie的简单建立 cookie 在有效期之后会自动删除
document.cookie="maodou";
2:cookie的相关参数
//设置cookie 的相关参数
var date=new Date();
//expires 有效期
//path 指当前cookie的有效路径 不写的时候默认为有效路径
//cookie的建立
document.cookie = "username=maodou;expires=Mon Mar 16 2020 18:14:52 GMT+0800;";
document.cookie = "userpwd=12345;expires=Mon Mar 16 2020 18:14:52 GMT+0800;";
//设置cookie 成功之后 读取cookie
var cookie = document.cookie.split(";");
console.log(document.cookie.replace(/\ /g, ""));
var user = {};
var a = cookie[0].split("=");
var b = cookie[1].split("=");
user[a[0]] = a[1];
user[b[0]] = b[1];
console.log(user);
3:删除cookie 只要修改当前cookie的效期就可以
//设置有效期时间Thu, 01 Jan 1970 00:00:00 GMT 自动过期
document.cookie = "userpwd=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
4:修改cookie
document.cookie = "username=张三;expires=Mon Mar 16 2020 18:14:52 GMT+0800;";
5:对前端的字符串进行加密解密 js base64
//中文 要转码之后在加密
var str=window.btoa("maodou");//加密
console.log(str);
console.log(window.atob(str));//解密
//下面的两个方法是中文的转码和解码
console.log(escape("张三")); //%u5F20%u4E09
console.log(window.btoa("%u5F20%u4E09"));
// 张三 解码 解密 JXU1RjIwJXU0RTA5
console.log(window.atob("JXU1RjIwJXU0RTA5"));
console.log(unescape("%u5F20%u4E09"));
6:date转为格林尼治时间
var date=new Date();
console.log(date);
console.log(date.toUTCString());