标签：Cookies name js let exp 使用 cookie

js-cookie.js的使用

3种引入js-cookie.js的方法:

一. 直接引用cdn：

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

二. 本地下载下来：

<script src="./js/js.cookie.js"></script>

三. 模块化开发时:

import Cookies from 'js-cookie'

js-cookie.js常用的API和方法

• 设置cookie

  Cookies.set('name', 'value', { expires: 7, path: '' }); //7天过期
  ​
  Cookies.set('name', { foo: 'bar' }); //设置一个json

• 读取cookie

  Cookies.get('name'); //获取cookie
  ​
  Cookies.get(); //读取所有的cookie

• 删除cookie

  Cookies.remove('name'); //删除cookie时必须是同一个路径。

   

不想引入？那就自己写一个

封装三个方法： 设置：setCookie，获取：getCookie，删除；delCookie

 //Get time
  getsec (str) {
    let str1 = str.substring(1, str.length) * 1;
    let str2 = str.substring(0, 1);
    if (str2 == "s") {
      return str1 * 1000;
    } else if (str2 == "h") {
      return str1 * 60 * 60 * 1000;
    } else if (str2 == "d") {
      return str1 * 24 * 60 * 60 * 1000;
    }
  },
  // Set the cookie
  setCookie (name, value, time, path, domain) {
    let strsec = this.getsec(time);
    let exp = new Date();
    exp.setTime(exp.getTime() + strsec * 1);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=" + path + ";domain=" + domain;
  },
  // Read cookies
  getCookie (name) {
    let arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg)) return unescape(arr[2]);
    else return null;
  },
  // Remove cookies
  delCookie () {
    let exp = new Date();
    exp.setTime(exp.getTime() - 1);
    let cval = this.getCookie(name);
    if (cval !== null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
  },

标签：Cookies,name,js,let,exp,使用,cookie
来源： https://www.cnblogs.com/xwj1717/p/16641963.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。