当前位置:
首页
文章
前端
详情

前端cookie操作

通过CDN引入cookie类库

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

当然也可以能过npm安装

地址:https://www.npmjs.com/package/js-cookie

$ npm install js-cookie --save

1、设置cookie

  • Cookies.set('name', 'tom')
  • Cookies.set('name', 'tom', { expires: 7 }) // 有效期7天
  • Cookies.set('name', 'tom', { expires: 7, path: '' })

2、获取cookie

  • Cookies.get('name')
  • Cookies.get('foo', { domain: 'sub.example.com' })
  • Cookies.get()

3、删除cookie

  • Cookies.remove('name')
  • Cookies.remove('name', { path: '' })
  • Cookies.remove('name', { path: '', domain: '.yourdomain.com' })

4、cookie JSON操作

Cookies.set('name', { foo: 'bar' });

Cookies.get('name'); // =&gt; '{"foo":"bar"}'

Cookies.getJSON('name'); // =&gt; { foo: 'bar' }

5、设置3秒有效期

var date = new Date();
date.setTime(date.getTime() + 3000);

Cookies.set('name', 'tom', { expires: date })

完整说明请参考:https://www.npmjs.com/package/js-cookie

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。