一、cookie is what?
1.cookie是存储于访问者的计算机中的变量,每当同一台计算机通过浏览器请求某个页面时,就会发送这个cookie,你可以使用JavaScript来创建和获取cookie的值
2.web服务器访问浏览器时,连接关闭后,web服务器不会记录用户的信息,coolie就是解决如何记录用户得信息
3.当用户第一次访问时,用户得信息会存储在cookie中,当用户再次访问时,用户得信息可以从cookie中取回
4.cookie以 名/值对形式存储,如 username=John Doe
二、use JavaScript 创建 cookie
document.cookie获取/删除/创建cookie
example:
document.cookie='username=john doe' //创建cookie
添加过去时间
document.cookie="username=john doe;expires=thu,18 dec 2013 12:00"
添加路径(使用path参数告诉浏览器cookie的路径,默认是当前页面)
document.cookie="username=john doe;expires=thu,18 dec 2013;path=/"
三、use JavaScript 修改 cookie
在JavaScript中,修改cookie类似于创建cookie,如下
document.cookie='username=bruse;expires=thu,18 dec 2013;path=/'
上面代码中只修改了username,那么旧的cookie将会被覆盖
四、use JavaScript 删除 cookie
删除cookie非常简单,只需要设置expires参数为以前的时间即可。同时需要注意的是删除cookie不需要指定cookie的值。
五、完整实例
//1.设置cookie值的函数--首先创建一个函数用于存储用户的名字
function setCookie(cname,cvalue,exdays){
var d=new Date()
d.setTime(d.getTime()+(exdays*24*3600*1000))
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(ca.length,c.length)
}
}
return '';
}
//3.设置一个函数将cookie的值与新值比对
function checkCookie(){
var user=getCookie("username")
if(cvalue!==''){
alert('welcome again'+user)
}else{
user = prompt("Please enter your name:","");
if (user!="" && user!=null){
setCookie("username",user,365);
}
}
}
上面的代码执行完之后,一旦你设置了一个cookie值,关闭页面后,每次打开都会显示‘welcome again user’
如果想修改,直接运行document.cookie="username=jack;expires=...";
这样每次打开都会显示你修改后新的cookie值。