以下是添加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的基本操作(添加和删除)
基础教程推荐
猜你喜欢
- vue-vuex-actions的基本使用 2023-10-08
- Fly拦截全局Ajax请求的方法 2023-02-22
- 全面解析$.Ajax()方法参数(推荐) 2023-01-20
- 网站前端和后台性能优化的34条宝贵经验和方法 2023-12-20
- ajax实现select三级联动效果 2023-02-14
- javascript 建设银行登陆键盘 2023-11-30
- layui中tree组件使用报错tree.render is not a function 2022-10-21
- CSS background 控制显示图片的一部分 2023-12-08
- css布局绝对定位下margin失效的解决方法 2023-12-21
- Ubuntu20.04安装配置java和tomcat部署静态html网站方法 2023-10-25
