cookie设置、获取、设置过期时间

最新推荐文章于 2024-05-13 08:02:30 发布
最新推荐文章于 2024-05-13 08:02:30 发布
阅读量8.5k 收藏 8
点赞数 1
分类专栏： JavaScript 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cookie测试</title>
</head>
<body>
<div>
    <p>cookie测试</p>
</div>
<script>

    window.onload=function(){
        writeCookie("_user","js is good");
        getCookie();
    };

    //设置cookie,并设置终止日期
    function writeCookie(cookieName, cookieValue) {
        var expire = new Date((new Date()).getTime() + 2 * 60 * 60000);//有效期2小时
        expire = ";expires=" + expire.toGMTString();
        //用escape()函数进行编码，它能将一些特殊符号使用十六进制表示，例如空格将会编码为“20%”，
        //从而可以存储于cookie值中，而且使用此种方案还可以避免中文乱码的出现
        document.cookie = cookieName + "=" + escape(cookieValue) + expire;
    }

    //获取cookie字符串
    function getCookie() {
        var strCookie=document.cookie;
        //将多cookie切割为多个名/值对
        var arrCookie=strCookie.split("; ");
        var userId;
        //遍历cookie数组，处理每个cookie对
        for(var i=0;i<arrCookie.length;i++){
            var arr=arrCookie[i].split("=");
            //找到名称为_user的cookie，并返回它的值
            if("_user"==arr[0]){
                userId=arr[1];
                break;
            }
        }
        //取出值以后需要使用unescape()进行解码才能得到原来的cookie值
        alert(unescape(userId));
    }

    //清除所有cookie
    function clearCookie() {
        var keys = document.cookie.match(/[^ =;]+(?=\=)/g);
        if (keys) {
            for (var i = keys.length; i--;)
                document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
        }
    }


</script>

</body>
</html>

详情见：https://www.cnblogs.com/Jackie-sky/p/3672544.html

一名写前端的GISer
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取cookie的过期时间_前端前沿观察，Cookie 居然可以这样整了
weixin_39530833的博客
11-28 2591
用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。 唯一一个操作 Cookie 的 API 是 document.cookie，但是这句代码使用起来很难受。如果说我们想要获取一个需要的 Cookie，可能得先写这么一个 utils 函数：function getCookie(name) { const value = `; ${doc...
javascript实现获取cookie过期时间的变通方法
10-25
主要介绍了javascript实现获取cookie过期时间的变通方法,因为cookie过期时间是由浏览器控制的,所以想获取过期时间只能通过本文的变通方法来实现,需要的朋友可以参考下
前端前沿观察，Cookie 居然可以这样整了
yck199的博客
10-30 247
点击上方蓝字关注前端真好玩，从此前端进阶不再难用 JS 操作 Cookie 其实是很麻烦的，并不存在一个简单的 API 能让我们获取或者设置 Cookie。唯一一个操作 Cookie 的...
cookie如何设置永不过期？
最新发布
长风破浪会有时的博客
05-13 480
在日常生活中，很多东西都有保质期，比如食物、饮料等。同样地，在计算机世界里，很多信息也都有一个“保质期”，过了这个期限，信息可能就会被自动删除或者失效。但是，从日常使用的角度来看，设置一个足够长的过期时间，就可以让cookie在我们需要的时间内一直保存着。所以，简单来说，“永不过期”的cookie其实就是一个过期时间被设置得非常非常长的cookie，这样它就能在计算机里保存很长很长时间了。那么，当我们说“永不过期”的cookie时，其实就是想让这条信息一直保存在计算机里，永远不会被自动删除。
cookie失效时间_React-cookie用法
weixin_39684228的博客
11-28 909
可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效大小4K左右每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题存在 XSS 注入的风险，只要打开控制台，就可以随意修改它们的值1、下载依赖cnpm install react-cookies --save-dev2、引入import cookie from 'react-cookies'3、存cooki...
React-设置cookie
ccx
02-14 1万+
react设置cookie,持久化保存数据,一般来说,我们使用redux来保存当前数据即可,但是有一种情况,需要保存信息,那就是登陆的时候,我们需要存储,token,来保持永久化登陆 将其抽取到了common中,通过document.cookie,来获取页面的cookie export default { // 获取cookie getCookie(key) { ...
设置cookie指定时间失效(实例代码)
08-30
设置Cookie是通过`document.cookie`属性来完成的，它接受一个字符串参数，这个字符串包含了键值对以及可选的过期时间等信息。读取Cookie则需要解析`document.cookie`字符串，因为它是所有Cookie的集合。 在实例代码...
jQuery控制cookie过期时间的方法
10-24
首先，要了解jQuery本身并不直接提供设置Cookie过期时间的功能。但我们可以借助第三方插件，如`jquery-cookie`库，它扩展了jQuery，提供了方便的API来创建、读取和删除Cookie。要使用这个插件，你需要先将其引入到...
JavaScript cookie的设置获取删除详解
10-26
删除Cookie的方法是设置其过期时间，将其设置到过去的一个日期，这样浏览器在下次访问时就会自动清除该Cookie。例如： ```javascript function deleteCookie(name) { var date = new Date(); date.setTime(date....
localStorage 设置过期时间的方法实现
09-22
首先，我们定义了一个名为 `setExpire` 的方法，这个方法接收三个参数：`key`（键）、`value`（值）和`expire`（过期时间，单位为毫秒）。在存储数据时，我们不仅仅是存储`value`，还会记录当前时间戳`time`和过期...
cookie不设置有效期多久过期_注册登录 与 Cookie
weixin_39986060的博客
11-28 1839
开始之前，我们先简单了解一下 注册/登录 的流程。（无代码）进入注册页面，用户填入用户名、密码、手机号等“注册信息”。前端验证用户填入的信息是否符合要求，如果不符合要求，就提示用户输入错误，重新输入。如果符合要求，就将“注册信息”作为 post 的第四部分（字符串），向后端发起 post 请求。后端收到 post 请求，将 post 的第四部分（字符串）转变成能用的格式。后端拿到数据后，进行数据验...
laravel获取cookie问题
sinat_32823207的博客
05-20 646
获取cookie值的时候，其他cookie获取正常，其中一个获取值为空。 cookie 的名字设置是以_开头的 //获取cookie的三种尝试 Cookie::get(‘cookie_name’); request()->cookie(‘cookie_name’); $request->cookie(‘cookie_name’)； //返回值均为null 解决方案 //添加到cookie名称到 App\Http\Middleware\EncryptCookies 的 排除名单 中： class
cookie的测试
yy_yz的博客
07-21 3729
cookies安全测试 1. 判断测试的web系统使用了cookie 可以找出系统的设计文档、共鞥规格说明书，或者直接问开发人员。除此还可以： （1）找出电脑存储的cookie的目录 不同的浏览器吧cookie数据存储在不同的目录，IE一般存在C:\Documents and Settings\Administrator\Local Settings\Temp\Temporary Inte
React中cookie如何使用？
y_l33的博客
01-08 931
React实现cookie的实现
(引用)cookie属性及有效期的设置
01-09 4388
chrome浏览器     控制台中的resources选项卡中可以看到cookie的信息。 cookie的属性： name字段为一个cookie的名称。 value字段为一个cookie的值。 domain字段为可以访问此cookie的域名。 path字段为可以访问此cookie的页面路径。 比如domain是abc.com,path是/test，那么只有/test路径下的页面可以读...
【cookie】设置cookie过期时间 超时时间，Cookie 设置 expires
weixin_30439031的博客
09-11 1555
Cookie是什么： 简单地说，cookie 就是浏览器储存在用户电脑上的一小段文本文件。cookie 是纯文本格式，不包含任何可执行的代码。一个 Web 页面或服务器告知浏览器按照一定规范来储存这些信息，并在随后的请求中将这些信息发送至服务器，Web 服务器就可以使用这些信息来识别不同的用户。大多数需要登录的网站在用户验证成功之后都会设置一个 cookie，只要这个 cookie 存...
jquery设置cookie过期时间为10秒钟
热门推荐
vcxiaohan的博客
08-18 2万+
兼容性IE8+ expires的值不能设置为小数，因为除了chrome，其他浏览器都不支持小数，所以我们必须使用setTime()来设置具体日期 if(loginCount >= 5) { popTip({ text: '您当前输入错误次数过多，请半小时后再来登录...',
cookie过期时间的设置
大海无量的博客
09-13 1万+
参考：https://www.aliyun.com/jiaocheng/829186.html https://www.cnblogs.com/lisiyang/p/7844205.html
前端vue 怎么设置Cookie 的过期时间
03-29
可以使用 JavaScript 中的 Date 对象来设置 Cookie 的过期时间。以下是一个示例代码： ``` // 设置 Cookie 的过期时间为 1 小时后 var now = new Date(); var expireTime = now.getTime() + 60 * 60 * 1000; // 1 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值