前端开发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前端开发视频教程百度网盘

» 本文来自:前端开发者 » 《前端开发Cookie 解析》
» 本文链接地址:https://www.rokub.com/6043.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!