function getCookie(key) {
var arr1 = document.cookie.split('; '); //这里是分号+空格分隔
for (var i = 0, len = arr1.length; i < len; i++) {
var arr2 = arr1[i].split('=');
if (arr2[0] == key) {
return decodeURI(arr2[1]); //加密
}
}
}
function setCookie(key, value, time) {
var oDate = new Date();
oDate.setDate(oDate.getDate() + time);
document.cookie = key + '=' + encodeURI(value) + ';expires=' + oDate.toGMTString()+";path=/"; //路径改为全路径并解密
}
function removeCookie(key) {
setCookie(key, '', -1); //调用上面的setCookie方法
}
可以使用js.cookie.js插件:
https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js
引用方法:
1、引入js-cookie.js
1.直接饮用cdn:<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
2.本地下载下来后:<script src="/path/to/js.cookie.js"></script>
3.模块化开发时: import Cookies from 'js-cookie'
2、js-cookie.js常用的API和方法
a、设置cookie
Cookies.set('name', 'value', { expires: 7, path: '' });//7天过期
Cookies.set('name', { foo: 'bar' });//设置一个json
b、读取cookie
Cookies.get('name');//获取cookie
Cookies.get(); #读取所有的cookie
c、删除cookie
Cookies.remove('name'); #删除cookie时必须是同一个路径。