前端cookie的使用

￡神魔★判官ぃ 2022-12-31 01:26 40阅读 0赞

主要使用 document.cookie()  
escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。

新增一个cookie:

document.cookie = "name=xxx;age=22;expires=Thu, 01 Jan 1970 00:00:00 GMT"

更改一个cookie:

document.cookie = "name=yyy;age=33;expires=Thu, 01 Jan 1970 00:00:00 GMT"

删除一个cookie: 原理是设置一个过去的时间

document.cookie = "name=xxx;age=22;expires=过去的时间"

// 函数中的参数分别为 cookie 的名称、值以及过期天数
    function setCookie(c_name,value,expiredays){ 
        var exdate=new Date();
        exdate.setDate(exdate.getDate()+expiredays);
        document.cookie=c_name+ "=" +escape(value)+
        ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
    }
    setCookie('name','zzyn',1); // cookie过期时间为1天。
     
    // 如果要设置过期时间以秒为单位
    function setCookie(c_name,value,expireseconds){ 
        var exdate=new Date();
        exdate.setTime(exdate.getTime()+expireseconds * 1000);
        document.cookie=c_name+ "=" +escape(value)+
        ((expireseconds==null) ? "" : ";expires="+exdate.toGMTString())
    }
    setCookie('name','zzyn',3600);  //cookie过期时间为一个小时

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关前端存储——Cookie WebStorage

目录前端cookie和Webstorage存储 Cookie的特点：方法： Cookies.get() 获取cookie 参数:键名/属性名 Cookies.se

女爷i/ 2024年04月07日 11:38/ 0 赞/ 76 阅读

相关前端理解cookie

cookie的产生 Web应用程序是使用HTTP协议传输数据的，HTTP协议是无状态协议，指协议对于交互没有记忆能力，浏览器与服务器的每一次交互都是新的。为了使WE

╰半夏微凉°/ 2023年06月25日 03:30/ 0 赞/ 27 阅读

相关前端存储——Cookie的基本概念

学习cookie笔记，作为复习使用一个不大不小的问题假设服务器有一个接口，通过请求这个接口，可以添加一个管理员但是，不是任何人都有权力做这种操作的那么服务器

短命女/ 2023年02月16日 15:28/ 0 赞/ 14 阅读

相关前端cookie的使用

主要使用 document.cookie() escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。新增一个cookie: doc

￡神魔★判官ぃ/ 2022年12月31日 01:26/ 0 赞/ 41 阅读

相关前端cookie使用

cookie 是存储于用户的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。可以使用 JavaScript或者jQuery 来创建和读取c

た入场券/ 2022年05月25日 22:44/ 0 赞/ 222 阅读

相关 nuxt获取前端cookie

使用nuxt框架做http请求，每次要把cookie传到后端，使用document.cookies不能在后端获取cookies，使用cookie-universal-nuxt插

拼搏现实的明天。/ 2022年05月03日 23:48/ 0 赞/ 240 阅读

相关前端获取后台保存的Cookie

function GetCookie() { var key =

桃扇骨/ 2022年02月04日 07:27/ 0 赞/ 725 阅读

相关前端cookie和session

第一层楼什么是 Cookie 和 Session ?初级程序员高频面试题。什么是 Cookie HTTP Cookie（也叫 Web Cookie或浏览器 Coo

小鱼儿/ 2022年01月31日 05:39/ 0 赞/ 181 阅读

相关 VUE前端cookie操作

如下是简单cookie操作，当前仅限前端实例要注意的有两点： 1、cookie内容存贮的名称 2、删除cooki

╰半橙微兮°/ 2022年01月25日 15:59/ 0 赞/ 245 阅读

相关 cookie 前端操作

数据持久化操作将数据长久保持在客户端，实现网站长久登录效果 cookie 可以认为是记录简单内容的文本文件

喜欢ヅ旅行/ 2021年07月24日 22:06/ 0 赞/ 426 阅读