cookie存储

一、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值。







       


    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值