2022-03-29 cookie的存取以及设置带有效期的cookie

存

document.cookie="key1=value1";
document.cookie="key2=value2";

读取

js读取

console.log(document.cookie);//读取全部cookie

浏览器读取

查看当前浏览器下的cookie列表:
F12>应用>cookies

注意事项

需要把代码写在阿帕奇服务器WWW文件夹下,
打开phpStudy,再把地址栏前面改成localhost

设置有效期

代码:

// 设置一个一分钟后过期的cookie
var d = new Date(); //实例化日期对象
d.setTime(d.getTime() + 1 * 60 * 1000); //getTime是获取当前时间，setTime是设置一个时间给日期对象d
document.cookie = "hobbies=game;expires=" + d.toGMTString(); //toGMTString是将格式转换成格林尼治标准时间，expires是设置有效期

结果
先注释掉以上代码,一分钟后再刷新浏览器
可以看到cookie列表中已没有hobbies