本文共 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 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！