javascript cookies封装

最新推荐文章于 2025-12-10 20:37:40 发布

原创最新推荐文章于 2025-12-10 20:37:40 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现cookie的设置、获取和删除操作，包括setCookie、getCookie和removeCookie方法，展示了在客户端进行基本数据存储的技术细节。

const cookies = {
  // 设置cookie
  setCookie(name, value, expiredays) {
    const exDate = new Date()
    exDate.setDate(exDate.getDate() + expiredays)
    document.cookie = name + '=' + escape(value) + ((expiredays == null) ? '' : ';expires=' + exDate.toGMTString())
  },

  // 获取cookie
  getCookie(name) {
    let arr
    let reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')
    if ((arr = document.cookie.match(reg)) != null) {
      return (arr[2])
    } else {
      return null
    }
  },

  // 删除cookie
  removeCookie(name) {
    var exp = new Date()
    exp.setTime(exp.getTime() - 1)
    var cval = this.getCookie(name)
    if (cval != null) {
      document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString()
    }
  }
}

export default cookies