使用document对象操作cookie

最新推荐文章于 2023-04-10 18:02:52 发布

吃素的小动物

最新推荐文章于 2023-04-10 18:02:52 发布

阅读量532

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/enjoymylift/p/5993298.html

版权

1. 使用document对象的cookie属性，可以让你读取、添加和更新文档（当期HTML）所关联的cookie。

2. 当你读取document.cookie时，会得到当期文档的所有cookie。

3. cookie的形式是如"name=value"的名值对。

4. 如果存在多个cookie一起返回，使用 ; 隔开。“name1=value1;name2=value2”。

所以对于添加和更新cookie的操作便是对document.cookie进行赋值，如果新赋的名值对的名已经存在，浏览器就会认为这是一个更新操作，新值会覆盖原先的值，如果名不存在，则浏览器认为这是一个新增操作，就会把这个名值对写进当前文档的cookie里。

代码示例如下：

 1 <html>
 2     <head>
 3         <title>使用document对象操作cookie</title>
 4     </head>
 5     <body>
 6         <p id="cookiedata">
 7 
 8         </p>
 9         <button id="write">Add Cookie</button>
10         <button id="update">Update Cookie</button>
11 
12         <script>
13         var cookieCount = 0;
14         document.getElementById("write").onclick = createCookie;
15         document.getElementById("update").onclick = updateCookie;
16         readCookies();
17 
18         // 读取当前文档的所有cookie
19         function readCookies(){
20             document.getElementById("cookiedata").innerHTML = document.cookie.replace("Cookie_1");
21         }
22 
23         // 创建一个新的cookie
24         function createCookie(){
25             cookieCount ++;
26             document.cookie = "Cookie_" + cookieCount + "=Value_" + cookieCount;
27             readCookies();
28         }
29 
30         // 修改cookie名为Cookie_cookieCount的值为Updated_cookieCount
31         function updateCookie(){
32             document.cookie = "Cookie_" + cookieCount + "=Updated_" + cookieCount;
33             readCookies();
34         }
35     </script>
36     </body>
37 </html>

document对象读取cookie没有直接提供可以根据cookie名获取指定cookie的方法。所以就需要自己从拿到的所有cookie中去获取。思路就是使用字符串的分割。

当然，已经有更方便的库来提供对cookie的操作。例如jQuery cookie。具体的使用很简单，可以上网百度一下，也可以看我写的一个简单介绍：http://www.cnblogs.com/enjoymylift/p/5993286.html。

转载于:https://www.cnblogs.com/enjoymylift/p/5993298.html

吃素的小动物

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用document对象操作cookie

1. 使用document对象的cookie属性，可以让你读取、添加和更新文档（当期HTML）所关联的cookie。2. 当你读取document.cookie时，会得到当期文档的所有cookie。3. cookie的形式是如"name=value"的名值对。4. 如果存在多个cookie一起返回，使用 ; 隔开。“name1=value1;name2=value2”。所以对于添加...
复制链接

扫一扫