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

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

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

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <script type="text/javascript">

        //写入cookie

        function setCookie(c_name, value, expiredays) {

            var exdate = new Date();

            exdate.setDate(exdate.getDate() + expiredays);

            document.cookie=c_name+"="+escape(value)+

                ((expiredays==null)?"":";expires"+exdate.toGMTString())

        }

        setCookie("username", "Lee", 365);

        setCookie("password", "小明", 365);

        //读取cookie

        function getCookie(c_name) {

            if (document.cookie.length > 0) {

                c_start = document.cookie.indexOf(c_name + "=");

                if (c_start != -1) {

                    c_start = c_start + c_name.length + 1;

                    c_end = document.cookie.indexOf(";", c_start);

                    return unescape(document.cookie.substring(c_start, c_end));

                }

            }

            return "";

        }

        var temp_cookie = "username=Lee; password=%u5C0F%u660E";

        var cookiename="username";

        var start = temp_cookie.indexOf(cookiename+"=");//0

        if(start!=-1){

            start = start + cookiename.length + 1;//1是等号的长度

            end = temp_cookie.indexOf(";", start);//找到分号

            console.log(unescape(temp_cookie.substring(start,end)));

        }

    </script>

</body>

</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. 转载：Chrome调试折腾记_(1)调试控制中心快捷键详解!!!

    转载:http://blog.csdn.net/crper/article/details/48098625 大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道;  或者直接 Ctrl ...

  2. django _meta方法

    models.Book._meta.'concrete_model': <class 'books.models.Book'> models.Book._meta.'related_fke ...

  3. tomcat在linux下自启动

    Linux下设置tomcat开机自启动  一.以root用户登录系统: 二.进入init.d文件夹 cd /etc/init.d/ 三.创建并打开tomcat文件 vi tomcat 四.tomcat ...

  4. 紫書_例5-10 UVa207

    細節較多,自己寫的第一份半殘品,未能AC,后參考了劉老師的代碼,寫出了第二份的代碼,經過多次修改后總算AC,然而後果也很嚴重,導致代碼和劉老師極其相似,這也是我不喜歡看了參考代碼后再自己寫的緣故. 祇 ...

  5. 最小生成树 prime poj1287

    poj1287 裸最小生成树 代码 #include "map" #include "queue" #include "math.h" #i ...

  6. 配置Spark on YARN集群内存

    参考原文:http://blog.javachen.com/2015/06/09/memory-in-spark-on-yarn.html?utm_source=tuicool 运行文件有几个G大,默 ...

  7. Android屏幕适配笔记

    1.限定符 为了适配不同屏幕大小的android手机或android平板,有时候就需要利用限定符来为不同的屏幕设定不同的布局文件,在一般情况下我们都是在layout文件夹下为某个活动准备一个默认的布局 ...

  8. Javascript初学篇章_8（事件）

    事件 HTML 事件是发生在 HTML 元素上的事情.例如用户点击按钮时,点击也是一个事件.事件可以用于处理表单验证,用户输入,用户行为及浏览器动作,如: 页面加载时触发事件 页面关闭时触发事件 用户 ...

  9. Unity - 接入Android SDK

    在网络上,关于Unity与Android如何进行交互,雨松MOMO大神已经有两篇文章简单介绍了如何操作(1)Unity3D研究院之打开Activity与调用JAVA代码传递参数(2)Unity3D研究 ...

  10. div+css中clear用法

    一开始用clear属性,只是跟float相对使用,今天看视频的时候还是不大明白,查了下资料原来是这样的哦,看咯. clear属性值有四个clear:both|left|right|none; 作用:该 ...