document.cookie怎么使用

本篇内容主要讲解“document.cookie怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“document.cookie怎么使用”吧!

一、cookie设置

每个cookie都是键/值对，设置多个时，用；隔开，如：document.cookie = "userid=9;username=echo";

　　cookie值：只能用 可以用在url编码中的字符，所以要用escape()函数进行编码，再用unescape()进行解码获取对应的值

　　所以如下设置：document.cookie = "username="+escape("hello");

设置username=echo的cookie值在10天后过期

<script>    //设置10天后过期    var expires = new Date();    expires.setTime(expires.getTime()+10*24*60*60*1000);    document.cookie = "username="+escape('echo')+";expires="+expires.toGMTString();</script>

二、修改cookie值

修改cookie值，只需要重新赋值 document.cookie = "username="+escape("echo");

三、获取cookie值

　　var str = document.cookie; 获取的是所有cookie值，若要获取单个值，可以如下操作：

<script>    //设置cookie值    document.cookie = "userid=9;username=echo";    //获取cookie值    var str = document.cookie;    //将值切割成数组    var arr = str.split(";");    var userid;    //遍历数组    for(var i=0;i<arr.length;i++){        var value = arr[i].split("=");        if(value[0] == 'userid'){            userid = value[1];        }    }    alert(userid);</script>

四、删除cookie值

　　只需要把失效日期改成比现在日期早一点（这里是早 10 毫秒），再用同样的方法设定 Cookie，就可以删掉 Cookie 了。

<script>    //删除cookie    var expires = new Date();    expires.setTime(expires.getTime() - 10);    document.cookie = 'username='+escape('echo')+';expires=' + expires.toGMTString();</script>

到此，相信大家对“document.cookie怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！