cookie存储

最新推荐文章于 2021-10-04 12:50:48 发布

原创最新推荐文章于 2021-10-04 12:50:48 发布 · 272 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cookie #存储数据

JS 专栏收录该内容

3 篇文章

订阅专栏

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