原生js封装cookie

前言

cookie的操作:增删改查,目前提供的api使用起来很不方便,所以自己封装一下,以作学习。

获取源码

封装步骤解析

  1. 获取 cookie 的所有键值对
    详细可参考我的另一篇文章 正则表达式处理url参数和cookie

  2. getCookie(name)
    通过名称获取字段的值,从键值对中获取即可。

  3. setCookie(name,value,opts)
    设置 cookie 的值,以及属性。

名称 含义
domain 域名,默认是当前域名
path 表示 cookie 影响到的路径,默认 path=/。如果路径不能匹配时,浏览器则不发送这个Cookie(Domain + path构成了url)
max-age 最大失效时间(毫秒),cookie在多久后失效

补充说明:
封装时,不再考虑使用expires设置过期时间了。

  1. removeCookie(name)
    将cookie设置为过期时间

参考

阮一峰 JavaScript 教程 Cookie
聊一聊 cookie
Cookie三两句

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Se...
    chinariver阅读 5,666评论 1 49
  • 什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就...
    恩德_b0c2阅读 437评论 0 3
  • JavaScript是运行在客户端的脚本,一般是不能够直接设置Session的,因为Session是运行在服务器端...
    hh_王小米阅读 1,534评论 2 0
  • 今天是儿子12周岁的生日,古语云“男当十二替父志”,这一年儿子走在长身体、长智慧,走在成为男人的过程中。时光荏苒,...
    涓滴汇海阅读 864评论 0 5
  • 人真的是奇妙的动物,相信相互之间一定有磁场,比如我和 X大夫的 春节前因为咳嗽加重去看病,正好挂了X 医生的号,最...
    丢儿和麻花阅读 224评论 0 0