本篇内容主要讲解“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怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
