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. 十、cent OS开启APR模式报错：configure: error: Found APR 1.3.9. You need version 1.4.3 or newer installed

    错误内容显示APR的版本过低,需要新版本 到http://apr.apache.org/download.cgi#apr1这个地址下载所需要的包apr-1.4.5.tar.gz apr-iconv-1 ...

  2. 多实例部署多个tomcat

    注意点: 1.多实例tomcat的更新维护,需要考虑如何能“优雅”地对所有实例进行升级: 2.尽量不要影响应用程序,在更新tomcat时,一不小心就把conf目录等全部覆盖,所以尽量要把配置文件和安装 ...

  3. SASS和LESS等优缺点对比，使用方法总结 (笔记大全)

    sass优点: 用户多,更容易找到会用scss的开发,更容易找到scss的学习资源: 可编程能力比较强,支持函数,列表,对象,判断,循环等: 相比less有更多的功能: Bootstrap/Found ...

  4. DUANG~ 万网轻云服务器，大促狂欢，不仅仅免单！

    DUANG~ 万网轻云服务器,大促狂欢,不仅仅免单!   当老板第一次知道我们要做活动的时候,其实是拒绝的.DUANG~ 打折.降价.挥泪甩卖…太俗套.客户看到一定骂我们,根本没有诚意. 所以轻云大促 ...

  5. 实验一：使用符号执行工具klee对软件进行破解（来自于klee官网）

    原文地址:https://gitlab.com/Manouchehri/Matryoshka-Stage-2/blob/master/stage2.md 实验用代码下载地址:https://gitla ...

  6. 异步nodejs代码的同步样子写法样例

    异步nodejs代码的同步样子写法样例 js的异步嵌套太深代码将不好看.尤其在用node的时候这种情况会大量出现. 这里用node连接redis,做一个用户注册的简单例子来说明.例如用redis做存储 ...

  7. css零星进阶知识点

    display: inline-block: 可设置宽高的行级元素,如果inline-block元素本行无法显示完全的话则整个换行而不是里面的单词换行 position: 设置参照物,top,left ...

  8. 五、mariadb遇到的坑——Linux学习笔记

    C#连接MySQL异常:The host localhost does not support SSL connections. 解决方案: 连接字符串添加如下语句. SslMode = none; ...

  9. sqlserver根据条件生成插入语句--单表

    ALTER proc [dbo].[proc_insert] (@tablename varchar(256),@where varchar(max))asbeginset nocount ondec ...

  10. Python学习---匿名函数和闭包的学习

    1.1. 匿名函数 匿名函数的命名规则:  用lamdba 关键字标识,冒号(:)左侧表示函数接收的参数(a,b) ,冒号(:)右侧表示函数的返回值(a+b). 因为lamdba在创建时不需要命名,所 ...