开发者社区> auqbllxiu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

js-cookie读写浏览器中的Cookie

简介: js-cookie读写浏览器中的Cookie
+关注继续查看

文档:https://www.npmjs.com/package/js-cookie

npm

npm install js-cookie --save

示例

Cookies.set('name', 'value');


Cookies.get('name'); // => 'value'

Cookies.remove('name');

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

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

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

注意,如果set指定了额外参数path 和 domain ,那么getremove有需要指定

测试示例

浏览器控制台进行测试

引入js库文件

$i("https://cdn.jsdelivr.net/npm/js-cookie@;2/src/js.cookie.min.js")

分别对3个情况进行写入、读取、删除

1. 默认         domain=null
2. 当前子域名 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")
undefined

Cookies.remove("name", {path:"/", domain: "www.demo.com"})
undefined

Cookies.remove("name", {path:"/", domain: "demo.com"})
undefined

因为Cookies是基于document.cookie的

document.cookie只有两个操作

// 写(设置和删除): 
document.cookie = value

// 读(只能读取key=value,没有属性):
value = document.cookie
            </div>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js-cookie读写浏览器中的Cookie
js-cookie读写浏览器中的Cookie
9 0
js-cookie读写浏览器中的Cookie及其应用
js-cookie读写浏览器中的Cookie及其应用
37 0
js读取cookie信息
1. 第一种方式读取cookie信息:用document.cookie.split(“; “)的方式把字符串分割成几个段,然后遍历整个数组 //javascript方法 function getCookie(name){   var arr = document.
712 0
JS读写cookie以及中文乱码解决
原文:JS读写cookie以及中文乱码解决 本文地址:http://www.cnblogs.com/PiaoMiaoGongZi/p/4092489.html 转载请注明。 Js获取所有的cookie信息: var cookiename = document.
909 0
js cookie
//写cookies function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.
645 0
IE8浏览器Cookie的处理
最近在修改重写自己的简历程序,其中要使用皮肤切换和lightbox效果,在开发的工作中IE8,给我带来点麻烦。 Cookie的处理 之前就遇到过IE8处理Cookie的问题,就是在某网站上用IE8登陆,一登上去,切换个页面又需要登陆才能发表。
579 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
WEB浏览器中即将发生的安全变化
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载