js-cookie.js的使用
3种引入js-cookie.js的方法:
一. 直接引用cdn:
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
二. 本地下载下来:
<script src="./js/js.cookie.js"></script>
三. 模块化开发时:
import Cookies from 'js-cookie'
js-cookie.js常用的API和方法
-
设置cookie
Cookies.set('name', 'value', { expires: 7, path: '' }); //7天过期
Cookies.set('name', { foo: 'bar' }); //设置一个json -
读取cookie
Cookies.get('name'); //获取cookie
Cookies.get(); //读取所有的cookie -
删除cookie
Cookies.remove('name'); //删除cookie时必须是同一个路径。
不想引入?那就自己写一个
封装三个方法: 设置:setCookie
,获取:getCookie
,删除;delCookie
//Get time
getsec (str) {
let str1 = str.substring(1, str.length) * 1;
let str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
},
// Set the cookie
setCookie (name, value, time, path, domain) {
let strsec = this.getsec(time);
let exp = new Date();
exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=" + path + ";domain=" + domain;
},
// Read cookies
getCookie (name) {
let arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) return unescape(arr[2]);
else return null;
},
// Remove cookies
delCookie () {
let exp = new Date();
exp.setTime(exp.getTime() - 1);
let cval = this.getCookie(name);
if (cval !== null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
},
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [翻译] 为什么 Tracebit 用 C# 开发
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· 刚刚!百度搜索“换脑”引爆AI圈,正式接入DeepSeek R1满血版