以下是添加Cookie的步骤:
Javascript Cookie 的基本操作
添加 Cookie
以下是添加Cookie的步骤:
- 创建一个
Date
对象用于设置 Cookie 过期时间。 - 将 Cookie 信息存储到一个变量中,变量必须是一个字符串。
- 使用
document.cookie
将 Cookie 写入浏览器的 Cookie 中。
以下是一个简单的示例,设置一个名为 username
,值为 john
的 Cookie,有效期为 1 小时:
// 创建一个 Date 对象用于设置 Cookie 过期时间
var expiresDate = new Date();
expiresDate.setHours(expiresDate.getHours() + 1);
// 存储 Cookie 信息
var cookieString = "username=john; expires=" + expiresDate.toGMTString() + "; path=/";
// 写入 Cookie 数据
document.cookie = cookieString;
删除 Cookie
以下是删除 Cookie 的步骤:
- 找到要删除的 Cookie。
- 使用字符串匹配删除 Cookie。
以下是一个简单的示例,删除名为 username
的 Cookie:
// 找到要删除的 Cookie
var usernameCookie = document.cookie.match(/username=[^;]+/);
// 如果找到 Cookie,删除 Cookie
if (usernameCookie) {
var expiresDate = new Date();
expiresDate.setHours(expiresDate.getHours() - 1);
var cookieString = usernameCookie[0] + "; expires=" + expiresDate.toGMTString() + "; path=/";
document.cookie = cookieString;
}
以上就是 Javascript Cookie 的基本操作 (添加和删除) 的攻略。
沃梦达教程
本文标题为:javascript cookie的基本操作(添加和删除)
基础教程推荐
猜你喜欢
- mint-ui如何自定义messageBox样式 2023-07-10
- 浅谈Ajax和JavaScript的区别 2023-01-20
- JavaScript ESLint插件保姆级使用教程 2022-10-22
- 通过CSS数学函数实现动画特效 2022-11-20
- Ajax学习全套(最全最经典) 2023-01-20
- js控制div弹出层实现方法 2024-01-05
- 基于Vue和Quasar的前端SPA项目实战之用户登录(二) 2023-10-08
- CSS基础知识之float详解 2023-12-23
- JS Jquery 遍历,筛选页面元素 自动完成(实现代码) 2023-12-01
- JavaScript 实现页面滚动动画 2023-12-20