<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
//设置cookies
function setCookie(name,value){
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取cookies
function getCookie(name){
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
//删除cookies
function delCookie(name){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("website","onestopweb.iteye.com");
alert(getCookie("website"));
//delCookie("website");
</script>
</body>
</html>
效果图：
封装上面的方法：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>JS Cookies的设置 读取 删除</title>
</head>
<body>
<script type="text/javascript">
var cookie = {
set:function(name,value){
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
},
get:function(name){
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
},
delete:function(name){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=cookie.get(name);
if(cval!=null){
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
}
}
cookie.set("user","chaoyi2");//设置为24天过期
alert(cookie.get("user"));//获取cookie
//cookie.delete("user");
</script>
</body>
</html>
相关推荐
用JS设置、读取、删除cookie。经过测验和优化的代码，可以根据个人需求稍作改动，即可使用。好东西，和大家一起分享。
刚整理了一些关于javascript cookies操作的文章，发现这篇文章也不错，推荐大家一起参考，选择需要的，不足的地方主要是对路径的设置，喜欢的朋友可以结合下。 代码如下: [removed] function SetCookie(name,value)/...
一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie
内容js操作cookies,主要功能：添加cookies、读取cookies、删除cookies
常用cookie操作方法 setCookie 新增/修改 readCookie 读取 delCookie 删除
通过本文你将粗略的明白cookie是什么，如何通过js创建/存储以及获取cookie，如何让cookie过期来删除cookie
使用React Hooks获取，设置，更新和删除Cookie。 安装 npm install --save @devhammed/use-cookie 用法 import React from 'react' import ReactDOM from 'react-dom' import useCookie from '@devhammed/use-...
js操作Cookie包括:写cookies、读取cookies、删除cookies以及使用示例，感兴趣的朋友可以参考下哈
很强大的代码，主要是js读取cookies里的数据，写入cookies，删除，增加cookies里的代码
Cookiejs 完整的cookie读取器/写入器框架，在1 kB之内具有完全的unicode支持，并且100％的测试覆盖率。 学分 它完全来自。 句法 设置一个cookie Cookies.set(name, value[, end[, path[, domain[, secure]]]]); ...
使用传统的Javascript来设置和获取Cookies信息很麻烦，要写上几个函数来处理，幸运的是jQuery帮我们做了很多事，借助jQuery插件，我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件：...
网站设置、系统设置、广告设置独立储存，可在线管理与设置，方便大家对网站的备份操作，普通操作只需保护好核心数据文件夹内内容即可。 ＰＫ亮剑：EESai是一套功能强大、代码简洁干练、易改易用，实现您要求的...
饼干 术语 会话cookie 永久性Cookie（具有Expires或Max-Age属性） ... Secure属性） 仅HTTP饼干（不能由客户端API，诸如JavaScript来访问。 HttpOnly属性） 同一站点的cookie（属性SameSite的值可以...req.cookies['my
以前说到BUTTON控件CausesValidation=true/false来设置按钮提交的表单是不是被检验也就是这里的几个检验控件，如果CausesValidation=true的话按下按钮就会首先检测是不是都通过了检验控件的检验。 下面再说两点： ...
Cookies可以使用生成的唯一ID来跟踪您，因为您的ID是唯一的。 同样，Medium没有理由不使用此简单技巧。 用法 要使用此扩展程序，只需几个步骤即可。 克隆或下载此存储库。 转到“ chrome：// extensions”页面或...