cookie : 存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来像访问者电脑上存储数据
1.不同的浏览器存放的cookie位置不一样，也是不能通用的
2.cookie的存储是以域名形式进行区分的
3.cookie的数据可以设置名字的
4.一个域名下存放的cookie的个数是有限制的，不同的浏览器存放的个数不一样
5.每个cookie存放的内容大小也是有限制的，不同的浏览器存放大小不一样
我们通过document.cookie来获取当前网站下的cookie的时候，得到的字符串形式的值，他包含了当前网站下所有的cookie。他会把所有的cookie通过一个分号+空格的形式串联起来
如果我们想长时间存放一个cookie。需要在设置这个cookie的时候同时给他设置一个过期的时间
cookie默认是临时存储的，当浏览器关闭进程的时候自动销毁

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>面试cookie</title>

     <style type="text/css">

         #div1{width: 150px;height: 150px;background: #0ff;position: absolute;}

     </style>

     <script type="text/javascript">

         function setCookie(name,value,iDay){

             var oDate=new Date();

             oDate.setDate(oDate.getDate()+iDay);

             document.cookie=name+"="+value+";expires"+oDate;

         }

         function getCookie(name){

             var arr=document.cookie.split('; ');

             for (var i = 0; i < arr.length; i++) {

                 var arr2=arr[i].split("=");

                 if (arr2[0]==name) {

                     return arr2[1];

                 };

             };

             return '';

         }

         function removeCookie(name){

             setCookie(name,'a',-1);

         }

         window.onload=function(){

             var oDiv=document.getElementById("div1");

             var disX=0;

             var disY=0;

             var moveX=0;

             var moveY=0;

             oDiv.onmousedown=function(ev){

                 removeCookie("left");

                 removeCookie("top");

                 var ev=ev||event;

                 disX=ev.clientX-oDiv.offsetLeft;

                 disY=ev.clientY-oDiv.offsetTop;

                 document.onmousemove=function(ev){

                     var ev=ev||event;

                     moveX=ev.clientX-disX;

                     moveY=ev.clientY-disY;

                     oDiv.style.left=moveX+"px";

                     oDiv.style.top=moveY+"px";

                 }

                 document.onmouseup=function(){

                     setCookie("left",moveX,30);

                     setCookie("top",moveY,14);

                     document.onmousemove=null;

                     document.onmouseup=null;

                 }

             }    

             oDiv.style.left=getCookie("left",moveX)+"px";

             oDiv.style.top=getCookie("top",moveY)+"px";

         }

     </script>

 </head>

 <body>

     <div id="div1"></div>

 </body>

 </html>

面试cookie的更多相关文章

  1. [oldboy-django][4python面试]cookie和session比较

    session定义(知乎网上) Session的数据不是储存在客户端上的,而是储存在服务器上的:而客户端使用Cookie储存一个服务器分配的客户端会话序号(Session ID),当客户端请求服务器时 ...

  2. 不惧面试：HTTP协议(3) - Cookie

    v博客前言 先交代下背景,写这个系列的原因是总结自己遇到的面试题以及可能遇到的题目,更重要的是,今年定的目标是掌握网络这一块的知识点,先是搞懂HTTP协议,然后是TCP/IP协议,再就是WCF如何运用 ...

  3. 一文带你看懂cookie，面试前端不用愁

    本文由云+社区发表 在前端面试中,有一个必问的问题:请你谈谈cookie和localStorage有什么区别啊? localStorage是H5中的一种浏览器本地存储方式,而实际上,cookie本身并 ...

  4. 看完这篇 Session、Cookie、Token，和面试官扯皮就没问题了

    Cookie 和 Session HTTP 协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录:Session 和 Cookie 的主要目的 ...

  5. 接口测试彻底弄懂Session、Cookie、Token的区别及联系hold住面试官--hold住了开3万，hold不住开3K！

    一.前言:接口测试之伤:cookie,session,token本是一家! cookie,session,token的区别早就已经成为测试同行的心病,各大论坛,各大博客,各大视频网站无不充斥着各种疑问 ...

  6. 先登陆面试再者Tabs标签导航，多次网络请求共享cookie，本地存储cookie

    1,index.ng.html: <head> <title>ionic todo example</title> </head> <body n ...

  7. Java面试14|Session与Cookie

    1.在分布式环境,管理Session通常使用下面三种方式: (1)Session Replication 方式管理 (即session复制) 将一台机器上的Session数据广播复制到集群中其余机器上 ...

  8. java面试记录一：跳表、判断二叉树相同、冒泡排序、cookie和session的区别、设计模式（单例、工厂、模板方法、原型、代理、策略）、抽象类与接口的区别

    1.什么是跳表? 跳表实际上就是多层链表 跳表可用在让链表的元素查询接近线性时间 代码结构及java实现参考博客园随笔 2.判断两棵二叉树是否相同?(结构相同,内容相同) 思路:(1)先定义树节点Tr ...

  9. 金九银十已到！Cookie 和 Session的这些知识你必须知道，面试必问！

    前言 会话:一次会话中包含多次请求和响应 注:一次会话表示浏览器第一次给服务器发送请求,会话建立,直到有一方断开为止 功能:在一次会话的多次请求间共享数据 方式: (1) 客户端会话技术:Cookie ...

随机推荐

  1. 半斤八两(创业兴家版 打工仔心声'98 Remix)

    创业兴家打工仔 刻苦工作热诚日夜维系天天专心向上依足正轨 结力好比兄弟努力一生打工仔 相亲相爱朋情日夜传递彼此一家那用分高与低 要互相多鼓励 半斤八两 莫记往昔的创伤半斤八两 面对春光应插秧半斤八两 ...

  2. 在mysql中修改表名的sql语句

    在使用mysql时,经常遇到表名不符合规范或标准,但是表里已经有大量的数据了,如何保留数据,只更改表名呢?可以通过建一个相同的表结构的表,把原来的数据导入到新表中,但是这样视乎很麻烦.能否简单使用一个 ...

  3. BABOK － 企业分析（Enterprise Analysis）

    BABOK - 企业分析(Enterprise Analysis)概要 发表于2013年10月9日由周金根 描述 企业分析描述我们如何捕捉.提炼并明晰业务需要,并定义一个可能实现这些业务需要的一个方案 ...

  4. 修正android cocos2dx项目当点击属性时提示错误的问题

    近期在用cocos2dx 3.x版本号做android版本号的时候,出现点击project-属性-C/C++ builder的时候会提示 The currently displayed paye co ...

  5. PowerMock注解PowerMockIgnore的使用方法

    故事要从一个异常开始,某天我在开发一个加密.解密特性,算法使用的是3DES,样例代码如下. package org.jackie.study.powermock; import java.io.Uns ...

  6. request对象多种方法封装表单数据

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, ...

  7. Linux多网卡多IP配置

    echo "210 local100" >> /etc/iproute2/rt_tables echo "220 local200" >> ...

  8. web前端url传递值 js加密解密

    一:Js的Url中传递中文参数乱码问题,重点:encodeURI编码,decodeURI解码: 1.传参页面Javascript代码: <script type=”text/javascript ...

  9. Android开发之显示进度对话框

    一般有两种对话框,一个是普通的简单的please wait对话框,另一种是创建显示操作进度(如下载状态)的对话框. 第一种普通的效果图如下: 第一种普通的实现代码: public void onCli ...

  10. 使用Cache防止多人同时修改同一条信息

    Default.aspx: <a href="Default2.aspx?id=123&type=11ad">打开第二个页面id=123</a>&l ...