以下是添加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的基本操作(添加和删除)
猜你喜欢
- CSS hack 针对IE6,IE7,firefox显示不同效果 2023-12-15
- SmartPlant3D VUE解析 2023-10-08
- js中将多个语句写成一个语句的两种方法小结 2023-12-02
- CSS教程:彻底弄懂闭合浮动元素 2024-01-03
- ajax实现select三级联动效果 2023-02-15
- vue+element模拟百度搜索(输入建议) 2023-10-08
- 关于居中布局和IE双倍边距bug 2022-10-16
- p5.js实现故宫橘猫赏秋图动画 2023-12-01
- 手把手教你实现vue下拉菜单组件 2023-10-08
- js实现放大镜效果的思路与代码 2024-01-02