例：通过 cookie的 封装 可以实现 增加 删除 修改 和 查询
<body>
<button onclick="setCookie('car','bwm',1)">增加</button>
<button onclick="setCookie('car','www',3)">修改</button>
<button onclick="delCookie('car')">删除</button>
<button onclick="getCookie('car')">查询</button>
<script>
1.封装添加/修改函数
function setCookie(name, value, time) {
let oDate = new Date();
oDate.setDate(oDate.getDate() + time)
document.cookie = name + '=' + value + ';expires=' + oDate;
}
2.封装删除函数
function delCookie(name) {
let oDate = new Date();
oDate.setDate(oDate.getDate() - 1)
document.cookie = name + '=' + ';expires=' + oDate;
}
3.封装获取函数
function getCookie(name) {
let str = document.cookie;//首先获得cookie所有的值
let arr1 = str.split(';');//因为存在多个值是用;隔开，所有以;为准把字符串分割成数组
for (var i = 0; i < arr1.length; i++) {//遍历数组，也就是获取每一个值
var arr2 = arr1[i].split('=');//把每一个值在以=隔开
if (name == arr2[0].trim()) {//如果获取的name与第一个name值相同，就把第二个值打印出来
console.log(arr2[1])
}
}
}
</script>
</body>
