JavaScript Cookie

Cookie 一般用于存储 web 页面的用户信息。

什么是cookie？

Cookie 是一些数据, 存储于你电脑上的文本文件中。

当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

Cookie 的作用就是用于解决 "如何记录客户端的用户信息":

当访问 web 页面时，他的名字可以记录在 cookie 中。

在下一次访问该页面时，可以在 cookie 中读取用户访问记录。

使用 javascript 来创建cookie

javascipt 可以使用document.cookie属性来创建，读取；以及删除

JavaScript中，创建cookie document.cookie="username=John Doe";

还可以为cookie添加一个过期时间，默认情况下，cookie在浏览器关闭时删除

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

可以使用path参数告诉浏览器cookie的路径，一般默认情况下，cookie属于当前页面。

document.cookie="username=John Doe; expires=Thu,18 dec 2040 12:00:00 GMT; path=/";

"

使用 JavaScript  读取cookie  var x =document.cookie;

document.cookie 将以字符串的方式返回所有的cookie，类型式：cookie1=value；cookie=value；

cookie3=value；

使用JavaScript 修改cookie

在JavaScript 中，修改了cookie类似于创建cookie，document。cookie=“”username=John  smith； expires=Thu，Dec 2040 12:00:00 GMT； path=/”;    旧的cookie将会被覆盖

使用javascript 删除 cookie

删除cookie 非常的简单，只需要设置expires 参数为以前的时间即可，如下所示，设置为 Thu，01

Jan1970 00:00:00 GMT:   删除时不必指定cookie的值

cookie  字符串

document.cookie 属性看起来像一个普通的文本字符串，其实它不是。

即使您在 document.cookie 中写入一个完整的 cookie 字符串, 当您重新读取该 cookie 信息时，cookie 信息是以名/值对的形式展示的。

如果您设置了新的 cookie，旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中，所以如果您重新读取document.cookie，您将获得如下所示的数据：

cookie1=value; cookie2=value;

设置 cookie值得函数

 cookie为吃那么，cookie的值为cvalue， 然后设置过期的时间expires

所以一共给出的函数设置了 cookie 名 ；cookie值 cookie过期时间

获取 cookie 值的函数

创建一个返回的值

 

cookie 名的参数为 cname。

创建一个文本变量用于检索指定 cookie :cname + "="。

使用分号来分割 document.cookie 字符串，并将分割后的字符串数组赋值给 ca (ca = document.cookie.split(';'))。

循环 ca 数组 (i=0;i<ca.length;i++)，然后读取数组中的每个值，并去除前后空格 (c=ca[i].trim())。

如果找到 cookie(c.indexOf(name) == 0)，返回 cookie 的值 (c.substring(name.length,c.length)。

如果没有找到 cookie, 返回 ""。

创建检测cookie 值的函数