以下是添加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的基本操作(添加和删除)


基础教程推荐
猜你喜欢
- js实现获取鼠标当前的位置 2023-11-30
- 用JS做的简单的可折叠的两级树形菜单 2023-12-20
- 纯css实现漂亮又健壮的tooltip的方法 2023-12-29
- 微信小程序 自己制作小组件实例详解 2023-12-19
- CSS3中Transition动画属性用法详解 2023-12-27
- html5的表单标签 2023-10-26
- vue中的重点指令 2023-10-08
- Ajax+Struts2实现验证码验证功能实例代码 2023-01-20
- JS中style属性 2023-12-01
- JavaScript定时器类型总结 2023-08-12