js中cookie的添加、取值、删除示例代码

下面是JS中操作Cookie的完整攻略,包括添加、取值、删除示例代码:

添加Cookie

在JS中添加Cookie,我们可以利用document.cookie来设置Cookie值。下面是添加Cookie的示例代码:

function setCookie(cname, cvalue, exdays) {
  let d = new Date();
  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
  let expires = "expires=" + d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

上面的代码中,setCookie函数接受三个参数:Cookie名称、Cookie值和过期时间(以天为单位),通过计算出过期时间,利用document.cookie对象将Cookie写入到浏览器中。在设置Cookie时,path属性可以用来指定Cookie的作用域。

取值Cookie

如果要读取已添加的Cookie,我们可以利用document.cookie来获取Cookie值。下面是读取Cookie的示例代码:

function getCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

上面的代码中,getCookie函数接受一个参数:Cookie名称,通过遍历document.cookie中的所有Cookie,找到指定名称的Cookie并返回其值。

删除Cookie

如果要删除Cookie,我们可以利用document.cookie来设置Cookie的过期时间为一个过去的值。下面是删除Cookie的示例代码:

function deleteCookie(cname) {
  document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

上面的代码中,deleteCookie函数接受一个参数:Cookie名称,通过设置Cookie的过期时间为一个过去的时间点来删除Cookie。

希望以上的攻略和示例代码能够帮助你更好地了解和操作JS中Cookie的添加、取值和删除。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中cookie的添加、取值、删除示例代码 - Python技术站

(0)
上一篇 2023年6月11日
下一篇 2023年6月11日

相关文章

  • javascript遍历对象的五种方式实例代码

    当我们需要遍历JavaScript对象时,有许多种方法可供选择。下面是遍历对象的五种方式以及相应的代码示例: 1. for…in循环 for…in循环适用于遍历对象的属性。它将枚举对象的所有可枚举属性,包括原型链上的属性。 const person = {firstName: ‘John’, lastName: ‘Doe’, age: 30}; fo…

    JavaScript 2023年5月27日
    00
  • js 用于检测类数组对象的函数方法

    检测类数组对象的函数方法主要用于确定一个对象是否具有数组的特性,例如可以迭代、可以使用数组的方法等等。下面是几种常见的用于检测类数组对象的函数方法: 1. 常规判断方法 可以通过判断对象是否具有“length”属性以及“splice”、“push”等数组方法来确定它是否为类数组对象。 function isArrayLike(obj) { return ob…

    JavaScript 2023年6月10日
    00
  • JavaScript中的比较操作符>、<、>=、<=介绍

    JavaScript中的比较操作符 在JavaScript中,比较操作符用来比较两个值的大小或者确定两个值是否相等。JavaScript中的比较操作符包括”>“、“<“、“>=”、“<=”等。 操作规则 比较操作符通常用来比较数值类型的数据,如果参与比较的值都是数字类型,它们将以数字来做比较,如果参与比较的值不是数字类型,则会尝试将其…

    JavaScript 2023年6月10日
    00
  • js获取指定字符前/后的字符串简单实例

    当我们在开发 Javascript 程序时,有时候需要从一个字符串中截取出前面或后面一段字符串,这就需要使用字符串的截取操作了。在 Javascript 中,我们可以使用一些简单的方法来获取指定字符前/后的字符串。 获取指定字符后的字符串 在 Javascript 中,我们可以使用字符串的 substring() 方法来获取指定字符后的字符串。这个方法接受两…

    JavaScript 2023年5月28日
    00
  • axios学习教程全攻略

    axios学习教程全攻略 本教程旨在为初学者提供一份完整的axios学习攻略,帮助初学者了解并学会使用axios来完成前端的网络请求。 什么是axios Axios是一个基于Promise的HTTP客户端库,可以用于浏览器和Node.js中对http请求进行处理。axios的最大特点是支持链式调用和拦截器,同时使用简单方便,适合在项目中进行网络请求。 安装a…

    JavaScript 2023年5月19日
    00
  • JS实现回到页面顶部动画效果的简单实例

    下面我将为你详细讲解“JS实现回到页面顶部动画效果的简单实例”的完整攻略。 步骤1:HTML结构 首先,在页面中需要添加一个回到顶部的按钮。在 HTML 中添加一个 button 元素,并为其添加一个 id 属性,以方便在 JS 中使用。 <button id="backToTopBtn">回到顶部</button&gt…

    JavaScript 2023年6月10日
    00
  • 关于JavaScript跨域问题及实时刷新解决方案

    关于JavaScript跨域问题及实时刷新解决方案 什么是跨域 跨域是指在一个域名下使用了另一个域名的资源。如从www.domain1.com的域名下的页面中向www.domain2.com发起ajax请求,就是跨域操作。 常见的跨域场景 域名不同 协议不同 端口不同 JavaScript跨域问题的原因 从浏览器的安全限制出发,浏览器禁止页面使用其它域名下的…

    JavaScript 2023年6月11日
    00
  • JS对日期操作封装代码实例

    下面是关于”JS对日期操作封装代码实例”的详细讲解攻略。 一、需求分析 在日常开发中,我们常常需要使用到日期操作的功能。而通过JS封装一些日期操作方法,可以更加便捷地完成日期相关的需求。 具体来说,我们需要在JS中封装以下日期操作方法:1.格式化日期2.获取最近n天的日期列表3.获取当前日期 二、代码实现 1. 格式化日期 function formatDa…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部