Cookie简介

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。

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的应用场景，基本组成简单介绍了一下，有些知识还欠缺，随着以后学习的深入，我会更新该博客，欢迎您的指导！

感谢您的阅读！