js cookie创建读取删除函数封装

一、总结

都是为了方便操作，这样弄了很方便

1、创建cookie的函数封装的作用：方便设置过期时间expire，方便设置键和值

2、查询cookie的数据封装的作用：document.cookie 获取的cookie是这样的：name1=aaa; name2=bbb; name3=ccc; 所以需要用split函数分割，先用:分割，然后用=等号分割

3、删除cookie的函数封装的作用：设置过期时间是位过去时间

二、js cookie创建读取删除函数封装

封装cookie创建/读取/删除的函数

  • 创建cookie数据的函数封装
  • 读取cookie数据的函数封装

    split() 方法用于把一个字符串分割成字符串数组。

  • 删除cookie的函数封装

三、代码

4-4 创建

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   /*

   //普通方法创建cookie，如果多条的话比较繁琐

    document.cookie='name=jiyanpeng';

    document.cookie='qq=365966179';

    document.cookie='email=365966179@qq.com';

   //封装创建cookie的函数1

   function setCookie(key,value,expires){

       var ddate=new Date();

           ddate.setDate(ddate.getDate()+expires)

       document.cookie=key+'='+value+';expires='+ddate;

       alert(document.cookie)

   }

   setCookie('name1','jiyanpeng1',10);

   setCookie('name3','jiyanpeng3')

 */

   //封装创建cookie的函数2

   function setCookie(key,value,expires){

       document.cookie=key+'='+value+';expires='+ddate(expires);

   }

       function ddate(expires){

       var ddate=new Date()

         ddate.setDate(ddate.getDate()+expires)

         return ddate

     }

     setCookie('name4','jiyanpeng4',30);

     //alert(ddate(7))

   </script>

 </body>

 </html>

4-5 查询

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   /*

   //封装创建cookie的函数2

   function setCookie(key,value,expires){

     document.cookie=encodeURIComponent(key)+'='+encodeURIComponent(value)+';expires='+ddate(expires); //1、encodeURIComponent对中文进行编码

   }

     function ddate(expires){

       var ddate=new Date()

         ddate.setDate(ddate.getDate()+expires)

         return ddate

     }

     setCookie('name','吉延鹏')

     setCookie('qq','365966179')

     setCookie('email','365966179@qq.com')

     //alert(document.cookie)

     //split() 方法用于把一个字符串分割成字符串数组。

     var str='name1=aaa;name2=bbb;name3=ccc;';

     var arrStr=str.split(';')

     //alert(arrStr);

     //alert(arrStr[0]); //name1=aaa

     var arr=arrStr[0].split('=')

     //alert(arr[0]+'\n'+arr[1])

 */

     //读取cookie

     function getCookie(name){

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

       //alert(arrStr)

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

         var arr=arrStr[i].split('=')

         //alert(arr[0]+'\n'+arr[1])

         if(arr[0]==name){return arr[1] }

       }

      return ''

     }

    alert(getCookie('email'))

   </script>

 </body>

 </html>

4-6 删除

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   //封装创建cookie的函数2

   function setCookie(key,value,expires){

     document.cookie=encodeURIComponent(key)+'='+encodeURIComponent(value)+';expires='+ddate(expires);

   }

     function ddate(expires){

       var ddate=new Date()

         ddate.setDate(ddate.getDate()+expires)

         return ddate

     }

     setCookie('name','吉延鹏')

     setCookie('qq','365966179')

     setCookie('email','365966179@qq.com')

     //读取cookie

     function getCookie(name){

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

       //alert(arrStr)

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

         var arr=arrStr[i].split('=')

         //alert(arr[0]+'\n'+arr[1])

         if(arr[0]==name){return decodeURIComponent(arr[1]) } //2、decodeURIComponent解码

       }

      return ''

     }

     function setCookie(key,value,expires){

       var ddate=new Date();

         ddate.setDate(ddate.getDate()+expires)

       document.cookie=key+'='+value+';expires='+ddate;

     }

     function removeCookie(name){

         setCookie(name,'随意值',-1)

     }

    alert(document.cookie)

    removeCookie('name')

    alert(document.cookie)

    removeCookie('qq')

     alert(document.cookie)

    // alert(getCookie('name'))

    // alert(getCookie('email'))

    // alert(getCookie('qq'))

   </script>

 </body>

 </html>

js cookie创建读取删除函数封装的更多相关文章

  1. js动态创建表格,删除行列的小例子

    js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  2. jQuery 操作Cookie 存储 读取 删除等

    <script type="text/javascript" src="/UI.Web.CRM.Main/js/jquery-2.1.1.min.js"& ...

  3. cookie创建，删除

    Cookie 历来指就着牛奶一起吃的点心.然而,在因特网内,“Cookie”这个字有了完全不同的意思.那么“Cookie”到底是什么呢?“Cookie”是小量信息,由网络服务器发送出来以存储在网络浏览 ...

  4. PHP中的cookie创建取回删除；

    <?php $expire=time()+3600;//设置过期cookie时间 setcookie('yaoyuan',"webyaoyuan",$expire);//se ...

  5. Node.js：创建应用+回调函数（阻塞/非阻塞）+事件循环

    一.创建应用 如果我们使用PHP来编写后端的代码时,需要Apache 或者 Nginx 的HTTP 服务器,并配上 mod_php5 模块和php-cgi.从这个角度看,整个"接收 HTTP ...

  6. 创建/读取/删除Session对象

    //创建Session对象 Session["userName"] = "顾德博";//保存,这里可以存储任意类型的数据,包括对象.集合等 Session.Ti ...

  7. JS cookie 设置 查看 删除

    JScookie 常用的3个预设函数(库) <!DOCTYPE HTML> <html> <head> <meta charset="utf-8&q ...

  8. js动态创建和删除option

    1.动态创建select function createSelect(){           var mySelect = document.createElement("select&q ...

  9. 通过JS动态创建和删除HTML元素

    <script type="text/javascript" language="Javascript"> function InputOnBlur ...

随机推荐

  1. 洛谷P3531 [POI2012]LIT-Letters

    题目描述 Little Johnny has a very long surname. Yet he is not the only such person in his milieu. As it ...

  2. 洛谷P1439 最长公共子序列（LCS问题）

    题目描述 给出1-n的两个排列P1和P2,求它们的最长公共子序列. 输入输出格式 输入格式: 第一行是一个数n, 接下来两行,每行为n个数,为自然数1-n的一个排列. 输出格式: 一个数,即最长公共子 ...

  3. kill&&pkill&&killall---删除执行中的程序

    命令功能: 发送指定的信号到相应进程.不指定型号将发送SIGTERM(15)终止指定进程.如果无法终止该程序可用“-KILL” 参数,其发送的信号为SIGKILL(9) ,将强制结束进程 使用ps命令 ...

  4. android-pulltorefresh 下拉载入中使用gif动图

    效果预览: xml布局 <com.handmark.pulltorefresh.library.PullToRefreshListView xmlns:android="http:// ...

  5. Codeforces Round #312 (Div. 2) E. A Simple Task 线段树 延时标记

    E. A Simple Task time limit per test5 seconds memory limit per test512 megabytes inputstandard input ...

  6. 利用zip格式实现手机客户端二维码扫描分享识别

    场景: 用户A想要将某应用推荐给用户B,用户B扫描用户A的手机app中的二维码进行下载和安装, 并且需要识别用户B是扫描了用户A的二维码,进而给用户A一定的奖励. (例如:健一网app) zip格式: ...

  7. Windows简单入门－送给第一次使用电脑的朋友

    序言 写本篇文章前.不得不说我已经好久没有写博客了,快接近3个月了 吧,本来去年说參加今年的博客之星的,结果这都立即结束了:不得不说对自己有些嘲讽. 本篇文章是纯小白文章.之所以写这个是由于前段时间妹 ...

  8. UVa 11094 - Continents

    题目:有一些岛屿在湖中.地图用两种字符表示.当前处在位置是一个岛屿.求除了当前岛屿外的最大岛屿. 分析:图论,floodfill.直接利用dfs求联通部分的面积就可以,然后取出最大. 说明:横线没有边 ...

  9. 福建省第八届 Triangles

    Problem Description This is a simple problem. Given two triangles A and B, you should determine they ...

  10. MFC 任务托盘经常消失问题

    经常发现自己写的程序任务托盘会无缘无故的消失,但是进程还是存在的,原来是资源管理器异常的时候,重新生成的时候,程序需要重新添加下任务托盘. 当explorer进程重启,taskbar将会被创建,tas ...