document.cookie 属性
document.cookie 属性用于读取、创建、修改和删除 Cookie。它返回一个包含所有当前文档中的 Cookie 的字符串，每个 Cookie 之间以分号和空格分隔开。
读取 Cookie
console.log(document.cookie); // 打印所有的 Cookie
创建 Cookie
document.cookie = 'name=张三; expires=' + new Date('2022-12-31').toUTCString() + '; path=/';
修改 Cookie
document.cookie = 'name=李四; expires=' + new Date('2022-12-31').toUTCString() + '; path=/';
删除 Cookie
document.cookie = 'name=; expires=' + new Date(0).toUTCString() + '; path=/';
Cookie 相关方法
JavaScript BOM 还提供了一些与 Cookie 相关的方法，如 encodeURIComponent() 和 decodeURIComponent() 方法，可以在设置 Cookie 时对值进行编码和解码。
encodeURIComponent() 方法
encodeURIComponent() 方法用于将字符串编码为可在 Cookie 中使用的格式。
var value = encodeURIComponent('张三'); document.cookie = 'name=' + value + '; expires=' + new Date('2022-12-31').toUTCString() + '; path=/';
decodeURIComponent() 方法
decodeURIComponent() 方法用于将 Cookie 中编码的字符串解码为原始字符串。
var cookies = document.cookie.split('; '); for (var i = 0; i < cookies.length; i++) { var parts = cookies[i].split('='); var name = parts[0]; var value = decodeURIComponent(parts[1]); console.log(name + ': ' + value); }
结论
本文介绍了 JavaScript BOM 的 Cookie 功能，并提供了一些常用的属性和用法。Cookie 是前端开发中非常重要的概念，可以让我们存储各种用户信息和状态。以上方法都非常易用且功能强大，值得我们在日常开发中充分利用。
感谢您阅读此篇博文！希望它能帮助您更深入地了解 JavaScript BOM Cookie 的使用方法。如果您有任何问题或疑问，请随时在评论区留言。
