除夕一梦

vuePress-theme-reco 林除夕    2022
除夕一梦

Choose mode

  • dark
  • auto
  • light
home
Category
  • B-前端杂谈
  • C-JavaScript
  • E-H5C3
  • F-vue
  • G-思考
  • H-项目记录
  • I-学习笔记
  • Y-有趣
  • z-hexo
Tag
About
TimeLine
Contact
  • github
  • gitee
  • 知乎
author-avatar

林除夕

25

Article

35

Tag

home
Category
  • B-前端杂谈
  • C-JavaScript
  • E-H5C3
  • F-vue
  • G-思考
  • H-项目记录
  • I-学习笔记
  • Y-有趣
  • z-hexo
Tag
About
TimeLine
Contact
  • github
  • gitee
  • 知乎

C-JavaScript-02: js如何操作cookie

vuePress-theme-reco 林除夕    2022

C-JavaScript-02: js如何操作cookie

林除夕 2019-07-14 10:37:36 JavaScript

# 设置cookie

// 设置cookie
          //   获取当前时间
          var d = new Date();
          //   将当前时间转换为毫秒数方便进行计算===》通过settime得到一个新的时间(毫秒模式的)===》现在d仍然是一个非世界时的时间对象,需要转换为世界时的字符串
          d.setTime(d.getTime() + 7 * 24 * 60 * 60 * 1000);
          // console.log(typeof d);
          // 设置需要的cookie和过期时间
          document.cookie = "show=hidden;expires=" + d.toUTCString();

# 接收cookie

// 将document.cookie转换为一个数组或键值对
        function getCookie(num) {
          /**
           * @description: 获取第n个cookie的键和值组成的数组
           * @param {int} num
           * @return: 一个数组,0=>cookie_key,1=>cookie_value|超出范围就返回false
           */  
          var cookieArr = document.cookie.split(";");
          if(num>=cookieArr.length || num<0){
            return false;
          }
          var resultArr = cookieArr[num].split("=");
          return resultArr;
        }

# 删除cookie

//   获取当前时间
var d = new Date();
// 将当前时间转换为毫秒数方便进行计算,并做一个减法,使这个时间过期
d.setTime(d.getTime() -1);
// 即将过期时间设置为一个已经过期的时间
document.cookie = "show=hidden;expires=" + d.toUTCString();