引入一下文件
<script src="./plugins/jquery.js"></script>
<script src="./plugins/jquery.cookie.js"></script>
jquery官网 https://jquery.com/
cookie官网jQuery Cookie | jQuery Plugin Registry
使用方法
//设置
$.cookie('isLogin', 'true');
//the_cookie 为key the_value 为值
//获取
$.cookie('isLogin');
console.log($.cookie('isLogin'))// true
//删除
$.cookie('isLogin', null); //通过传递null作为cookie的值即可
属性
$.cookie('isLogin','true',{
expires:30,
path:'/',
domain:'www.baidu.com',
secure:true
})
expires // 设置过期时间
path // 创建该Cookie的页面路径
在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)
domain // 创建该Cookie的页面域名;
secure // 如果设为true,那么此Cookie的传输会要求一个安全协议 例如:HTTPS;
设置过期时间
1、当设置的失效时间大于等于1天时,我们可以在 expires 属性后面直接输入XX天数
//有效期为一个月
$.cookie('isLogin', 'true', { expires: 30});
2、当设置的失效时间少于一天时:我们需要在当前的时间上加上失效时间。
var nowDate = new Date().getTime();
//在当前时间上加上过期时间
var expiresTime = new Date(nowDate + 60 * 1000 * 5);
//我设置的时间为 5 分钟
$.cookie('isLogin', 'true', { expires: expiresTime });