前端cookie操作
- 前端
- 三生万物
- 0
通过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'); // => '{"foo":"bar"}'
Cookies.getJSON('name'); // => { 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进行反馈,一经查实,将立刻删除涉嫌侵权内容。