博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js cookie实例
阅读量:5086 次
发布时间:2019-06-13

本文共 2225 字,大约阅读时间需要 7 分钟。

什么是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中
             时间对象参考书册
       */ 
封装三种常用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记录拖拽位置 
                      获取对象属性网址:
         ②表单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.οnsubmit=function(){
                                  setCookie("user", oUser.value, 30);                 //设置
                         }
                         oUser.value=getCookie("user");                      //把用户名显示在页面上
                         oBtnClear.οnclick=function(){
                                   removeCookie("user");                      //清除cookie
                                   oUser.value=" ";                               //把页面上的用户名也清除
                         }
-------------------------------------------------------------------------------------------------------------------------------------------------------
火狐查看cookie
           1.若菜单栏隐藏,先调出
               alt+f -- 查看-- 工具栏--菜单栏 (勾选)
           2.工具--页面信息--安全--查看cookie
-------------------------------------------------------------------------------------------------------------------------------------------------------
资料来源:
官方cookie文档

转载于:https://www.cnblogs.com/leejersey/p/3639906.html

你可能感兴趣的文章
[leetcode]Minimum Path Sum
查看>>
内存管理 浅析 内存管理/内存优化技巧
查看>>
hiho1079 线段树区间改动离散化
查看>>
【BZOJ 5222】[Lydsy2017省队十连测]怪题
查看>>
第二次作业
查看>>
【input】 失去焦点时 显示默认值 focus blur ★★★★★
查看>>
Java跟Javac,package与import
查看>>
day-12 python实现简单线性回归和多元线性回归算法
查看>>
Json格式的字符串转换为正常显示的日期格式
查看>>
[转]使用 Razor 进行递归操作
查看>>
[转]Android xxx is not translated in yyy, zzz 的解决方法
查看>>
docker入门
查看>>
Android系统--输入系统(十一)Reader线程_简单处理
查看>>
监督学习模型分类 生成模型vs判别模型 概率模型vs非概率模型 参数模型vs非参数模型...
查看>>
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
实验五 Java网络编程及安全
查看>>
32位与64位 兼容编程
查看>>
iframe父子页面通信
查看>>
ambari 大数据安装利器
查看>>
java 上传图片压缩图片
查看>>