Cookie简介

红太狼 2022-07-13 23:39 158阅读 0赞

**Cookie简介**

随着Web越来越复杂，开发者急切需要能够本地化存储的脚本功能。这个时候，第一个出现的方案，cookie

诞生了。cookie的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。

**一、cookie**

cookie也叫HTTP Cookie，最初是客户端与服务器端进行会话使用的。

**应用场景：**

1、 记录用户名和密码  
  
以及该用户需要保存的一些信息，如购物购站，使用cookie，可以让用户自动登录到站点等。  
  
2、 定制站点  
  
可以使用cookie来记录用户的偏好。  
  
3、 定向广告  
  
可以使用cookie来记录用记经常访问的主题，并向他们显示与这些主题相关的广告。

**二、cookie组成：**

由名/值对形式的文本组成：name=value。完整格式：name=value;\[expires=date\];\[path=path\];\[domain=somewhere.com\];\[secure\]中括号是可选，name=value是必选。

document.cookie='user='+encodeURIComponent('李炎辉');  //编码写入
    
    alert(decodeURIComponent(document.cookie));           //解码读取

1.expires=date失效时间，如果没有声明，则为浏览器关闭后即失效。失明了失效时间，那么时间到期后方能失效。

var date=new Date();     //创建一个
    
    date.setDate(date.getDate()+7);
    
    document.cookie="user="+encodeURIComponent('李艳辉')+";expires="+date;

2.path=path访问路径，当设置了路径，那么只有设置的那个路径文件才可以访问cookie。

![Center][]

3.Domain=domain访问域名，用于限制只有设置的域名才可以访

问，那么没有设置，会默认限制为创建cookie的域名。

Var domain='yc60.com';
    
    Document.cookie="user"+encodeURIComponent('李艳辉')+";domain="+domain;

设置域名，必须在当前域名绑定的服务器上设置，如果在yc60.com服务器上随意设置其他域名，则会无法创建cookie。

4.secure安全设置，指明必须通过安全的通信通道来传输HTTPS才能获取cookie

Document.cookie="user"+encodeURIComponent('李艳辉')+";secure"

**三、Cookie局限性**

//通过方法存储和获取
    
    localStorage.setItem('name','李艳辉')；
    
    alert(localStorage.getItem('name'));
    
    
    //通过属性存储和获取
    
    localStorage.book='李艳辉';
    
    alert(localStorage.book);
    
    
    //删除存储
    
    localStorage.removeItem('name');

这三个对象都是永久保存的，保存在缓存里，只有手工删除或者清理浏览器缓存方可失效。

**四、总结：**

该文章对cookie的应用场景，基本组成简单介绍了一下，有些知识还欠缺，随着以后学习的深入，我会更新该博客，欢迎您的指导！

感谢您的阅读！

[Center]: /images/20220714/e95723d82e24422d8e78459de189454c.png