在浏览器中存储数据
内容参考自https://zh.javascript.info/data-storage
Cookie
Cookie 通常是由 Web 服务器使用响应 Set-Cookie HTTP-header 设置的。然后浏览器使用 Cookie HTTP-header 将它们自动添加到(几乎)每个对相同域的请求中。
可以使用document.cookie属性从浏览器访问cookie。
document.cookie 的值由 name=value 对组成,以 ; 分隔。每一个都是独立的 cookie。
我们可以写入 document.cookie。但这不是一个数据属性,它是一个 访问器(getter/setter)。对其的赋值操作会被特殊处理。
对 document.cookie 的写入操作只会更新其中提到的 cookie,而不会涉及其他 cookie。
存在一些限制:
encodeURIComponent 编码后的 name=value 对,大小不能超过 **4KB。**因此,我们不能在一个 cookie 中保存大的东西。
每个域的 cookie 总数不得超过 20+ 左右,具体限制取决于浏览器。
expires,max-age
默认情况下,如果一个 cookie 没有设置这两个参数中的任何一个,那么在关闭浏览器之后,它就会消失。此类 cookie 被称为 "session cookie”。
- 为了让 cookie 在浏览器关闭后仍然存在,我们可以设置 expires 或 max-age 选项中的一个。
- 如果我们将 expires 设置为过去的时间