js-cookie读写浏览器中的Cookie
发布日期:2021-07-01 06:11:27
浏览次数:3
分类:技术文章
本文共 1211 字,大约阅读时间需要 4 分钟。
文档:
npm
npm install js-cookie --save
CDN
示例
Cookies.set('name', 'value');Cookies.get('name'); // => 'value'Cookies.remove('name');// JSONCookies.set('name', { foo: 'bar' });Cookies.get('name'); // => '{"foo":"bar"}'Cookies.getJSON('name'); // => { foo: 'bar' }
注意,如果set
指定了额外参数path 和 domain ,那么get
和remove
有需要指定
测试示例
浏览器控制台进行测试
引入js库文件
$i("https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js")
分别对3个情况进行写入、读取、删除
1. 默认 domain=null2. 当前子域名 domain: "www.demo.com"3. 顶级域名 domain: ".demo.com"
测试代码
Cookies.get(){ }// 设置cookie ,domain最前面的点可以不写Cookies.set("name", "default")"name=default; path=/"Cookies.set("name", "domain", { path:"/", domain: ".demo.com"})"name=domain; path=/; domain=.demo.com"Cookies.set("name", "domain-www", { path:"/", domain: "www.demo.com"})"name=domain-www; path=/; domain=www.demo.com"// 读取 谁最后设置,读取出来的就是谁Cookies.get(){ name: "domain-www"}// 移除Cookies.remove("name")undefinedCookies.remove("name", { path:"/", domain: "www.demo.com"})undefinedCookies.remove("name", { path:"/", domain: "demo.com"})undefined
因为Cookies是基于document.cookie的
document.cookie只有两个操作
// 写(设置和删除): document.cookie = value// 读(只能读取key=value,没有属性): value = document.cookie
转载地址:https://pengshiyu.blog.csdn.net/article/details/106820609 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年05月05日 14时43分58秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
選擇適合您的驅動程式開發工具
2019-05-08
驱动程序开发
2019-05-08
计算机缩写术语完全介绍
2019-05-08
IPTV机卡分离方案设计
2019-05-08
INF档的中文说明
2019-05-08
终于完成dvb的pcmcia 驱动
2019-05-08
测试驱动开发全功略
2019-05-08
IT人不可不听的10个故事
2019-05-08
人有四妻
2019-05-08
赵本山给美国人测智商(搏你笑一笑)
2019-05-08
少走弯路的十条忠告(受益无穷)
2019-05-08
教你27招,让你在社交,职场上人人对你刮目相看
2019-05-08
数字压缩编码
2019-05-08
MPEG2与MPEG4在视频编码的简单比较
2019-05-08
H.264概述与MPEG-X的区别
2019-05-08
MPEG2-TS流文件的简介
2019-05-08
MPEG2标准的压缩分层和编码原理
2019-05-08
TP简介+播放指
2019-05-08
HDTV格式视频文件播放指南
2019-05-08
DVB-CIB还是UTI,中国数字电视机卡分离标准之争谁执牛耳?
2019-05-08