如何通过document.cookie实现网站用户数据的持久化存储？

本文共计541个文字，预计阅读时间需要3分钟。

目录

一、cookie设置

二、修改cookie值

三、获取cookie值

四、删除cookie值

一、cookie设置

1.每个cookie都是键/值对，设置多个cookie时，使用分号分隔；

2.示例：document.cookie=userid=9;username=echo;

cookie值：只包含

目录

• 一、cookie设置
• 二、修改cookie值
• 三、获取cookie值
• 四、删除cookie值

一、cookie设置

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

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

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

2、设置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 使用的文章就介绍到这了,更多相关document.cookie 使用内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！