cookie的使用

引入一下文件

<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 });