美文网首页
原生js封装cookie

原生js封装cookie

作者: 回调的幸福时光 | 来源:发表于2019-03-22 18:23 被阅读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三两句

    相关文章

      网友评论

          本文标题:原生js封装cookie

          本文链接:https://www.haomeiwen.com/subject/pbjrvqtx.html