js cookie介绍和实例（用于自动登录，记住用户名等）

一、总结

1、cookie在客户端：因为js是最初是用来在客户端和服务器端进行通信使用的，所以客户端比如js可以操作cookie正常

2、cookie作用：根据cookie里的资料判断访问者，发送特定的页面内容.

1、cookie是document的对象

2、cookie操作：直接是引号里面键=值：document.cookie='name=张三';

3、cookie使用：document.cookie

3、cookie的生命周期：默认是浏览器关闭，我们可以通过expire设置

二、js cookie介绍和实例

了解cookie

什么是cookie？
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。当用户下一次访问同一个页面时，服务器会先查看有没有上传留下的cookie资料，如果有就更根据cookie里的资料判断访问者，发送特定的页面内容.

常见应用场景：自动登录，记住用户名......

最初是用来在客户端和服务器端进行通信使用的，所以原则上应该在服务器运行环境下进行。目前大部分浏览器可以在客户端生成和读取cookie数据(chrome不可以在客户端操作)

创建cookie

格式:
将document下的cookie属性设置为为如下格式的字符串：name=value
为了避免特殊字符造成的错误，有时需要对数据进行编码解码
使用encodeURIComponent() 进行编码

读取时使用decodeURIComponent()解码

cookie值不能含有分号，逗号和空白符

三、代码

  1 <!DOCTYPE html>
  2 <html lang="zh-cn">
  3 <head>
  4   <meta charset="utf-8">
  5   <title>课堂演示</title>
  6 </head>
  7 <body>
  8   <script>
  9   document.cookie='name=张三'; //1、cookie是document的对象 
 10   document.cookie='age=35'  //2、cookie操作：直接是引号里面键=值：document.cookie='name=张三';
 11   //不会像变量赋值那样覆盖前一条信息，而是会添加一条新内容
 12   alert(document.cookie) //3、cookie使用：document.cookie
 13   </script>
 14 </body>
 15 </html>