js 第四章 cookie的操作

js 第四章 cookie的操作

一、学习要点

• 掌握cookie的简单应用

二、 js 第四章 cookie的操作

了解cookie

1. 什么是cookie？

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

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

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

创建cookie

• 格式:

  将document下的cookie属性设置为为如下格式的字符串：name=value

• 为了避免特殊字符造成的错误，有时需要对数据进行编码解码

  使用encodeURIComponent() 进行编码

  读取时 使用decodeURIComponent()解码

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

cookie可选参数

• expires=时间：过期时间

  默认值为浏览器关闭后过期(即会话结束后)

  将expires设置为过去的时间可以删除cookie

• path:

  他指定了与cookie关联在一起的网页。默认值是在和当前网页同一目录的网页中有效。如果把path设置为'/',那么它对该网站的所有网页可见

• domain:

  设定cookie的有效域名，一般使用默认值，即绑定当前域名，本地测试无效

• secure：指定了网络上如何传输cookie.默认为普通http协议传输；若设置为安全的，将只能通过https安全协议才可以传输。

封装cookie创建/读取/删除的函数

• 创建cookie数据的函数封装
• 读取cookie数据的函数封装

  split() 方法用于把一个字符串分割成字符串数组。

• 删除cookie的函数封装

cookie的限制：

• 数量(20-50,不同浏览器有差异)，大小有限(4k)
• 有些数据不适合使用cookie保存，比如银行卡号等重要的信息