前端开发Cookie 解析

传智播客web前端开发视频教程下载 wifi开发教程前端 前端后台开发教程

什么是Cookie：
概念：Cookie 可以理解为一种数据[/color]，字符串形式，存储于计算机上的一个文本文件里。
存在形式：
Cookie: “name=value;expires=date;path=path;domain=domain;secure”
(其中，value的形式为：name1:value1&name2:value2&name3:value3)

为什么会有Cookie：
当你（用户浏览器）和服务器进行 ‘交流’ 时，没有Cookie的服务器就像一个得了 ‘失忆症’ 的孩子，一中断 ‘交流’ 便会丢失关于你的一切记忆，下次见面又得重新认识。而 Cookie 便是服务器丢失的对于你的 ‘记忆’ 。
When a browser request a web page from a server, cookies belonging to the page is added to the request. This way the server gets the necessary data to “remember” information about users.

操作Cookie：
1.获取
// document.cookie 会返回当前 page 的所有cookie，形如：cookie1=value; cookie2=value; cookie3=value;
var x = document.cookie;
2.创建
// 给 document.cookie 赋值
document.cookie=”username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/”;
3.删除
// 将expires的值设为过去的时间即可
document.cookie = “username=; expires=Thu, 01 Jan 1970 00:00:00 GMT”;
4.修改
// 类似于cookie的创建，通过给 document.cookie 赋值
document.cookie=”username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/”;

举例：
1.创建cookie的方法
function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays2460601000));
var expires = “expires=”+d.toGMTString();
document.cookie = cname + “=” + cvalue + “; ” + expires;
}

2.获取cookie的方法
function getCookie(cname)
{
var name = cname + “=”;
var ca = document.cookie.split(‘;’);
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return “”;
}

3.检查cookie的方法
function checkCookie()
{
var username=getCookie(“username”);
if (username!=””)
{
alert(“Welcome again ” + username);
}
else{
username = prompt(“Please enter your name:”,””);
if (username!=””&& username!=null)
{
setCookie(“username”,username,365);
}
}
}

注意事项：
images.sohu.com和man.sohu.com是同一域（sohu.com）下的不同主机名。[color=DarkGreen]默认情况下，一个主机中创建的cookie在另一个主机下是不能被访问的[/color]，但可以通过设置domain参数来实现对其控制，其语法格式为：document.cookie=”name=value；domain=domain”;
所以，这里可以通过设置document.cookie=”name=value；domain=sohu.com”;实现不同主机共享同一cookie 。

前端开发视频教程下载 电脑前端开发教程 web前端开发视频教程百度网盘