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

2. 当你读取document.cookie时，会得到当期文档的所有cookie。
3. cookie的形式是如"name=value"的名值对。
4. 如果存在多个cookie一起返回，使用 ; 隔开。“name1=value1;name2=value2”。
所以对于添加和更新cookie的操作便是对document.cookie进行赋值，如果新赋的名值对的名已经存在，浏览器就会认为这是一个更新操作，新值会覆盖原先的值，如果名不存在，则浏览器认为这是一个新增操作，就会把这个名值对写进当前文档的cookie里。
代码示例如下：
 <html>

     <head>

         <title>使用document对象操作cookie</title>

     </head>

     <body>

         <p id="cookiedata">

         </p>

         <button id="write">Add Cookie</button>

         <button id="update">Update Cookie</button>

         <script>

         var cookieCount = 0;

         document.getElementById("write").onclick = createCookie;

         document.getElementById("update").onclick = updateCookie;

         readCookies();

         // 读取当前文档的所有cookie

         function readCookies(){

             document.getElementById("cookiedata").innerHTML = document.cookie.replace("Cookie_1");

         }

         // 创建一个新的cookie

         function createCookie(){

             cookieCount ++;

             document.cookie = "Cookie_" + cookieCount + "=Value_" + cookieCount;

             readCookies();

         }

         // 修改cookie名为Cookie_cookieCount的值为Updated_cookieCount

         function updateCookie(){

             document.cookie = "Cookie_" + cookieCount + "=Updated_" + cookieCount;

             readCookies();

         }

     </script>

     </body>

 </html>
document对象读取cookie没有直接提供可以根据cookie名获取指定cookie的方法。所以就需要自己从拿到的所有cookie中去获取。思路就是使用字符串的分割。
当然，已经有更方便的库来提供对cookie的操作。例如jQuery cookie。具体的使用很简单，可以上网百度一下，也可以看我写的一个简单介绍：http://www.cnblogs.com/enjoymylift/p/5993286.html。

使用document对象操作cookie的更多相关文章

  1. document对象操作：浏览器页面文件

    //找元素 1.根据id找 <div id="d1" cs="ceshi"><span>document对象</span>& ...

  2. Document对象操作、样式、属性、效果、

    Windows对象主要是操作浏览器外层的东西,而DOM对象是操作浏览器里面的东西. 如果我们要操作网页内容,那么一定需要操作标签! Document:文档对象模型→DOM:可以做一些特效(抢票的).摘 ...

  3. JS中基本window.document对象操作以及常用事件！

    一.找到元素 1.document.getELementById("id"):根据id找,最多找一个. var a=document.getELementById("id ...

  4. document对象-操作元素的文档结构

    1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="U ...

  5. JavaScript 操作 Cookie

    转自作者:聂微东出处:http://www.cnblogs.com/Darren_code/      什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器 ...

  6. JS操作cookie

    JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求.cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript.可以由Ja ...

  7. Cookie介绍及JavaScript操作Cookie方法详解

    本文主要为大家简单介绍了以下Cookie的用途.运行机制,以及JavaScript操作Cookie的各种方法,总结的比较全面,希望能给大家带来帮助. 什么是 Cookie “cookie 是存储于访问 ...

  8. js操作cookie 使用详解

    详见: http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp62  JavaScript中的另一个机制:cookie,则可以达到真正全 ...

  9. HTML中 DOM操作的Document 对象详解(收藏)

    Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访 ...

随机推荐

  1. SpringCloud实战之初级入门（二）— 服务注册与服务调用

    目录 1.环境介绍 2.服务提供 2.1 创建工程 2.2 修改配置文件 2.3 修改启动文件 2.5 亲测注意事项 3.服务调用 3.1 创建工程 3.2 修改配置文件 3.3 修改启动文件 3.4 ...

  2. 6、springboot之根目录设置

    访问的时候用

  3. hdu 3535 (最少1，最多1，任意)（背包混合）(好题)

    http://blog.csdn.net/yan_____/article/details/8530833 这个问题一开始我用滚动,没有做出来,可能要需要先预处理排序才行,后来看了别人的方法,开始用二 ...

  4. Jquery trigger 与 triggerHandler

    secying Jquery trigger与triggerHandler trigger: 在每一个匹配的元素上触发某类事件(即触发jQuery对象集合中每一个元素). 这个函数也会导致浏览器同名的 ...

  5. Java Struts2 （三）

    一.国际化概念(了解) 1.什么是国际化 软件的国际化:软件开发时,要使它能同时应对世界不同地区和国家的访问,并针对不同地区和国家的访问,提供相应的.符合来访者阅读习惯的页面或数据. 2.什么需要国际 ...

  6. Linux 下载百度网盘大文件

    Linux 下没有百度网盘客户端,用浏览器下载速度慢得急死人 鼠标移到链接处, 右键, 然后复制链接 接着在终端里输入 axel -n 50 -o filename.ext “粘贴链接到此处” axe ...

  7. 使用UIScreenEdgePanGestureRecognizer写iOS7侧边栏

    使用UIScreenEdgePanGestureRecognizer写iOS7侧边栏 A UIScreenEdgePanGestureRecognizer looks for panning (dra ...

  8. photoshopcs6破解补丁用来干嘛的

    photoshopcs6破解补丁为 Adobe CS6 系列软件通用破解补丁,亲测可用,终于能用了不再出现那个烦人的购买页面了,cs6破解补丁解压后得到32和64两个文件夹,根据自己的系统类型选择,6 ...

  9. python filter&sorted

    filter filter()接收一个函数和一个序列和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是True还是False决定保留还是丢弃该元素在一个list中, ...

  10. CopyOnWriteArrayList对比ArrayList

    ArrayList非线程安全,CopyOnWriteArrayList线程安全 ArrayList添加元素的时候内部会预先分配存储空间,CopyOnWriteArrayList每次添加元素都会重新co ...