什么是cookie:
           △ 用来保存用户信息:用户名、密码... ...
           △ 同一网站共享一套cookie,大小有限,保存时间
           △ 使用document.cookie

cookie包含: 
           cookieName=cookieValue;         名字和值(用户名、密码...)
           expires=expirationDateGMT;     过期时间 
           path=URLpath;                        存储一个URL
           domain=siteDomain;                 存储一个阈值

设置cookie:         
           document.cookie="名字1=值1";
          document.cookie="名字2=值2";    单个设置,复合写法:
          document.cookie="名字1=值1; 名字2=值2";

例子:设置过期时间
         var expDate=new Date();          
              expDate.setDate(expDate.getDate()+需要延长的时间);
              document.cookie="expires="+expDate.toUTCstring();
       /*
             先创建时间对象
             设置过期时间=当前时间+延长时间
             写入cookie中
             时间对象参考书册http://www.w3school.com.cn/jsref/jsref_obj_date.asp
       */

封装三种常用cookie函数:
       □ 设置cookie

function setCookie(name,value,iDay){               //名字 值  保存(延长)时间
                              var oDate=new Date();
                                    oDate.setDate(oDate.getDate()+iDay);
                                    
                                    document.cookie=name+'='+value+';expires='+oDay;       
                }

       □ 获取cookie

function getCookie(name){
                             //"userName=abc; password=123; ..."  cookie里的内容,字符串
                             var arr=document.cookie.split('; ');      
                             var i=0;
                            //arr→["useName=abc";"password=123"...]   用split()切割成数组,仍不能直接使用

for(var i=0;i<arr.length;i++){
                                       //arr2→["useName","abc"]           细分,可以调用
                                       var arr2=arr.split(“=‘);         
                         
                                       if(arr2[0]==name){          //条件成立时,返回对应值
                                                  return arr2[1];            
                                       }

return "';                      //内容为空时,返回空
                             }
                }

□ 删除cookie

function removeCookie(name){
                                  setCookie(name,"value随便填",-1);
                                  //保存时间为负数,意为已过期浏览器自动删除相关内容
                     }

相关实例:
         ① cookie记录拖拽位置 
                      获取对象属性网址:http://www.w3school.com.cn/jsref/dom_obj_all.asp

②表单Form记住/清除用户名
                      【html】
                        <form action="" id=" ">
                                   用户名:<input type="text" name="user" />
                                   密码:<input type="password" name="pass" />
                                   <input type='"submit" value="登陆" />
                                   <a href="javacirpt:;">清除记录</a>       
                        </form>

【js】
                         var oForm=document.getElementById(" ");                       //获取表单
                         var oUser=document.getElementByName("user")[0];         //获取用户名
                         var oBtnClear=document.getElementByTagName("a")[0];   //获取清除按钮

//当用户点击提交时执行
                         oForm.onsubmit=function(){
                                  setCookie("user", oUser.value, 30);                 //设置
                         }
                         oUser.value=getCookie("user");                      //把用户名显示在页面上

oBtnClear.onclick=function(){
                                   removeCookie("user");                      //清除cookie
                                   oUser.value=" ";                               //把页面上的用户名也清除
                         }

-------------------------------------------------------------------------------------------------------------------------------------------------------
火狐查看cookie
           1.若菜单栏隐藏,先调出
               alt+f -- 查看-- 工具栏--菜单栏 (勾选)
           2.工具--页面信息--安全--查看cookie

-------------------------------------------------------------------------------------------------------------------------------------------------------
资料来源:
官方cookie文档http://www.w3cschool.cc/js/js-cookies.html

js cookie实例的更多相关文章

  1. js cookie介绍和实例(用于自动登录,记住用户名等)

    js cookie介绍和实例(用于自动登录,记住用户名等) 一.总结 1.cookie在客户端:因为js是最初是用来在客户端和服务器端进行通信使用的,所以客户端比如js可以操作cookie正常 2.c ...

  2. Python爬虫教程-16-破解js加密实例(有道在线翻译)

    python爬虫教程-16-破解js加密实例(有道在线翻译) 在爬虫爬取网站的时候,经常遇到一些反爬虫技术,比如: 加cookie,身份验证UserAgent 图形验证,还有很难破解的滑动验证 js签 ...

  3. JS练习实例--编写经典小游戏俄罗斯方块

    最近在学习JavaScript,想编一些实例练练手,之前编了个贪吃蛇,但是实现时没有注意使用面向对象的思想,实现起来也比较简单所以就不总结了,今天就总结下俄罗斯方块小游戏的思路和实现吧(需要下载代码也 ...

  4. js COOKIE 记住帐号或者uuid

    当开始接到这个任务的时候,我对cookie还是没多少了解的,而uuid的生成也是一无所知.但是当你发现这个网址http://stackoverflow.com/questions/105034/how ...

  5. [JS]Cookie精通之路

    [JS]Cookie精通之路 转http://blog.163.com/neu_pdh1983/blog/static/572407020077310528915/ 发布:Cary 媒体:www.Ju ...

  6. Node.js入门实例程序

    在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...

  7. JS Cookie丢失问题

    JS Cookie丢失问题 前些天有人问我vue中使用proxy发送请求,为什么请求时cookie丢失,首先说一下我对cookie的理解: 1.cookie在正常情况下是会在每次请求时自动携带, 2. ...

  8. jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明

    jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明 jquery.lazyload.js是一个用JavaScript编写的jQuery插件.它可以延迟加载长页面中的图片 ...

  9. jQuery懒加载插件jquery.lazyload.js使用说明实例

    jQuery懒加载插件jquery.lazyload.js使用说明实例很多网站都会用到‘图片懒加载’这种方式对网站进行优化,即延迟加载图片或符合某些条件才开始加载图片.懒加载原理:浏览器会自动对页面中 ...

随机推荐

  1. awk 基本函数用法

    gsub函数有点类似于sed查找和替换.它允许替换一个字符串或字符为另一个字符串或字符,并以正则表达式的形式执行.第一个函数作用于记录$0,第二个gsub函数允许指定目标,然而,如果未指定目标,缺省为 ...

  2. web服务端安全之权限漏洞

    一.权限漏洞 访问控制是指用户对系统所有访问的权限控制,通常包含水平权限,和垂直权限. 水平越权:同一角色级别的用户之间所产生的问题,如A用户可以未授权访问B用户的数据: 垂直越权:不同角色级别的用户 ...

  3. OpenGL ES 3.0 帧缓冲区对象基础知识

    最近在帧缓冲区对象这里卡了一下,不过前面已经了解了相关的OpenGL ES的知识,现在再去了解就感觉轻松多了.现在就进行总结. 基础知识 我们知道,在应用程序调用任何的OpenGL ES命令之前,需要 ...

  4. SpringMVC 方法参数设置

    /** 在方法中配置参数: (1) 内置对象配置: request:获取cookie.请求头... 获取项目根路径 request.getContextPath() response:用于ajax的输 ...

  5. FT232H USB转串口,I2C,JTAG高速芯片

    随着FT232H USB2.0高速芯片的发布,英商飞特蒂亚公司(FTDI)进一步巩固了其在USB接口集成电路产品的地位.此款多功能的单通道USB转UART/FIFO接口设备可通过EEPROM配置为各种 ...

  6. Non-Inverting Level Shifter : +/-5V signal into a 0 to 3.3V

    http://electronicdesign.com/boards/non-inverting-level-shifter-requires-only-one-op-amp-one-supply-v ...

  7. HDU1518 Square 【剪枝】

    Square Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Su ...

  8. mount nfs 经常出错信息总结(转)

    通常当NFS不能正常使用时候会给出提示,一般给出一下几种: 1)mount: 192.168.1.111:/opt failed, reason given by server: Permission ...

  9. [转]关于适配iphone5,Invalid Launch Image的退信

    关于适配iphone5,Invalid Launch Image的退信 本人xcode 4.3,所开发客户端新版本准备提交,应用中做了关于iphone5的适配,然后打包提交.在提交审核的时候被拒,收到 ...

  10. 【liunx】使用xshell连接虚拟机上的CentOS 7,使用xhell连接本地虚拟机上的Ubuntu, 获取本地虚拟机中CentOS 7的IP地址,获取本地虚拟机中Ubuntu 的IP地址,Ubuntu开启22端口

    注意,如果想用xshell去连接本地虚拟机中的linux系统,需要本地虚拟机中的系统是启动的才能连接!!!!! ============================================ ...