在Web开发中，我们经常使用Cookie保存一些不是非常敏高的数据。比如“下次自动登录”，“广告显示”等功能。定义是：某些网站为了辨别用户身份而存储在用户本地终端(主要是浏览器)上的数据。定义域RFC2109。

Cookie总是保存在客户端中，可分为Cookie和硬盘Cookie。内存Cookie保存在内存中，浏览器关闭之后就消失了。硬盘Cookie保存在硬盘里面，有过期时间，除非用户手动清理或者其他网页脚本处理，或者到了Cookie的过期时间。

Cookie的发明目的，因为HTTP协议是无状态的，服务器不知道用户上一次做了什么，这样浏览器和服务器交互时，服务器不知道浏览器的任何状态。服务器借助浏览器设置或读取Cookie中的信息，借此维护浏览器和服务器的会话状态。

通过document.cookie，我们可以写入cookie或读取cookie。代码如下：

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5.     <title></title>
  6. </head>
  7. <body>
  8.     <script type="text/javascript">
  9.         //写入cookie
  10.         function setCookie(c_name, value, expiredays) {
  11.             var exdate = new Date();
  12.             exdate.setDate(exdate.getDate() + expiredays);
  13.             document.cookie=c_name+"="+escape(value)+
  14.                 ((expiredays==null)?"":";expires"+exdate.toGMTString())
  15.         }
  16.         setCookie("username", "Lee", 365);
  17.         setCookie("password", "小明", 365);
  18.  
  19.         //读取cookie
  20.         function getCookie(c_name) {
  21.             if (document.cookie.length > 0) {
  22.                 c_start = document.cookie.indexOf(c_name + "=");
  23.                 if (c_start != -1) {
  24.                     c_start = c_start + c_name.length + 1;
  25.                     c_end = document.cookie.indexOf(";", c_start);
  26.                     return unescape(document.cookie.substring(c_start, c_end));
  27.                 }
  28.             }
  29.             return "";
  30.         }
  31.         var temp_cookie = "username=Lee; password=%u5C0F%u660E";
  32.         var cookiename="username";
  33.         var start = temp_cookie.indexOf(cookiename+"=");//0
  34.         if(start!=-1){
  35.             start = start + cookiename.length + 1;//1是等号的长度
  36.             end = temp_cookie.indexOf(";", start);//找到分号
  37.             console.log(unescape(temp_cookie.substring(start,end)));
  38.         }
  39.     </script>
  40. </body>
  41. </html>

Cookie在隐私，安全和广告的问题

很多网站，特别是新闻门户和电商网站，都会在用户访问该页面时，写入Cookie。然后你在访问其他网站或电商网站，这些网站也会读取这些cookie，当然确保可以读到cookie信息。然后后台广告服务器根据cookie的信息，为这个网站显示广告。也就是经常在网络营销里面提到的“人群定向”。

参考资料：

1.http://zh.wikipedia.org/wiki/Cookie

JavaScript操作Cookie的更多相关文章

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

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

  2. JavaScript 操作 Cookie

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

  3. javaScript操作cookie出现同名key

    引文: 网上查找js操作cookie文章发现百度千篇一律全是同样的代码,使用过程中发现一个bug,设置cookie导致出现多个同名key的cookie,官网cookie文档内未提及,下文将标出问题点, ...

  4. JavaScript操作cookie基础分析

    简要介绍 cookie是什么cookie是HTTP协议的一部分.HTTP Cookie(也叫Web cookie或者浏览器Cookie)是服务器发送到用户浏览器并保存在浏览器上的一块数据,它会在浏览器 ...

  5. javascript 操作cookie

    function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDa ...

  6. Javascript操作Cookie的脚本 — CookieHelper

    var HttpCookie = function(name, value, expires, path, domain) { if (name) this.Name = name; if (valu ...

  7. 【转载】使用Jquery操作Cookie对象

    Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术.jQuery是一个封装好的JavaScript库,使用jQuery可以极大地简化了Java ...

  8. JavaScript能否操作cookie和session？

    JavaScript能否操作cookie和session? 解答:JavaScript可以操作cookie,但是不能操作session

  9. java与javascript对cookie操作的工具类

    Java对cookie的操作 package cn.utils; import java.util.HashMap; import java.util.Map; import javax.servle ...

随机推荐

  1. js中创建对象的三种方式

    1. 对象字面量 var obj={ name:"小小", age:3, car:{ brand:"baoma", } }; } 2.使用内置构造函数 var ...

  2. MongooseHelper

    /** * Created by lbc on 2016/11/16. */var mongoose=require("mongoose");var db=mongoose.con ...

  3. 正则表达式在python中的应用

    一.常用符号 . :匹配任意字符,换行符\n除外   * :匹配前一个字符0次或无限次    ? :匹配前一个字符0次货1次 .* :贪心算法 .*? :非贪心算法 () :括号内的数据作为结果返回 ...

  4. ubuntu 16.04 安装完QQ后，更新或apt-get报错

    apt-get install python-pip正在读取软件包列表... 完成正在分析软件包的依赖关系树 正在读取状态信息... 完成 您可能需要运行“apt-get -f install”来纠正 ...

  5. 浅谈数据库优化方案--表和SQL

    1.数据类型的选择 1.字段最好设置为非空.若字段为char(8),即便是NULL也会现有8个字符的空间. 2.尽量使用数字型字段,若只含数值信息的字段尽量不要设计为字符型,这会降低查询和连接的性能, ...

  6. 借助cookie实现子网页修改父网页内容遇到的问题：同一个浏览器访问相同页面，会互相影响。 （已解决）

    问题是这样的,  我把左侧菜单做成了网页, 然后点击左侧菜单选项会改变右侧内容, 也就是子网页访问并修改父网页的内容. 为了兼容性更好, 我没有使用farther,或者opener等方法,  而是用了 ...

  7. TCP和UDP的区别

    (1)TCP是面向连接的传输控制协议,而UDP提供了无连接的数据报服务:(2)TCP具有高可靠性,确保传输数据的正确性,不出现丢失或乱序:UDP在传输数据前不建立连接,不对数据报进行检查与修改,无须等 ...

  8. python文件读取

    1.如何将一个“lessons.txt”文档一行行输出? myfile = file(‘lessons.txt’) for f in myfile.readlines(): print f myfil ...

  9. 数据库中的two phase locking

    数据库中的two phase locking 两段锁协议是指每个事务的执行可以分为两个阶段:生长阶段(加锁阶段)和衰退阶段(解锁阶段). 加锁阶段:在该阶段可以进行加锁操作.在对任何数据进行读操作之前 ...

  10. SVG学习备忘录

    最近在写一个基于SVG的前端流程图\拓扑图图形框架. 一些容易忽略的问题备忘如下: 1.JS添加SVG元素需要使用document.createElementNS("http://www.w ...