JavaScript如何实现cookie存储及其应用案例？

本文共计842个文字，预计阅读时间需要4分钟。

什么是cookie？cookie是本地计算机的临时存储。

作用：在浏览器中存储数据，如用户名、密码（例如：保存页面信息、自动登录等）。

特点：cookie需要在服务器环境下运行。

什么是cookie？

cookie 是本地计算机的临时存储。

作用：在浏览器中进行数据的存储,用户名、密码（比如：保存页面信息，自动登录等）。

特点：

• cookie需要在服务器环境下运行；
• cookie的容量在4kb左右，限制为每个域名50个cookie个数(IE)，不同浏览器容量和个数不同；
• cookie以字符串类型存储，不同域名存储的数据是无法共享；
• cookie默认是临时存储的，当浏览器关闭时，自动销毁；
• cookie可以被禁用也可以删除，且安全性不高。
• 可以对cookie值进行加密(MD5);

读取和设置cookie

document.cookie = "user=123456";
console.log(document.cookie); //user=123456

使用f12查看当前页面存储的cookie

注意：

在打开网址时或者提交表单时自动裹挟着cookie数据发送到服务器，并且服务端程序可以 继续裹挟着新的cookie内容存储在你的电脑的cookie中。