原生js封装cookie

2019-03-22  本文已影响0人  回调的幸福时光

前言

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三两句

上一篇下一篇

猜你喜欢

热点阅读