javascript cookie的简单应用


Posted in Javascript onFebruary 24, 2016

在我平时开发网页的过程中,可能涉及到浏览器本地的存储,现在主流的浏览器存储方式有:cookie,直接读取xml,userData,H5 的LocalStorage等,Cookie存储数据有限,但对于数据量不大的时候操作还是比较方便的。

下面这个例子主要是实现在网页打开的时候弹出一个提示框,但第二次以后刷新网页不在显示提示框,当然可以灵活的设置cookie的时间,控制是否显示提示框。

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body>

<script>

  var cookie = {
    setCookie:function(name,value,iDay){
      var cookieStr = '';
      if(iDay == undefined){
        cookieStr += name+'='+value+';';
      }else{
        var oDate = new Date();
        oDate.setDate(oDate.getDate()+iDay);
        cookieStr += name+'='+value+';express='+oDate;
      }

      document.cookie = cookieStr;
    },
    getCookie:function(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 '';
    },
    removeCookie:function(name){
      this.setCookie(name,'1',-1);
    }
  }

  function ControlAlert(){
    var flag = cookie.getCookie('flag');
    if(!flag){
      alert("我是第一次加载的哟!");
      cookie.setCookie('flag',true);
      //cookie.setCookie('flag',true,1);//如果有第三个参数则保存cookie的天数,如果不设置,浏览器关闭时cookie过期
    }
  }

  (function(){
    ControlAlert();
  }());

</script>
</body>
</html>

以上就是关于cookied的相关操作,希望对大家的学习有所帮助。

Javascript 相关文章推荐
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
jqGrid 学习笔记整理——进阶篇(一 )
Apr 17 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
如何快速上手Vuex
Feb 14 Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
Sep 04 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
Jan 08 jQuery
不得不知的ES6小技巧
Jul 28 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
ant design实现圈选功能
Dec 17 Javascript
javascript的正则匹配方法学习
Feb 24 #Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 #Javascript
JavaScript设计模式经典之命令模式
Feb 24 #Javascript
JavaScript设计模式经典之工厂模式
Feb 24 #Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 #Javascript
JavaScript的设计模式经典之代理模式
Feb 24 #Javascript
jQuery实现验证年龄简单思路
Feb 24 #Javascript
You might like
文件上传程序的全部源码
2006/10/09 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
javascript Prototype 对象扩展
2009/05/15 Javascript
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
jquery使用ColorBox弹出图片组浏览层实例演示
2013/03/14 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
[54:24]Optic vs TNC 2018国际邀请赛小组赛BO2 第二场
2018/08/18 DOTA
python检测服务器是否正常
2014/02/16 Python
Python程序设计入门(1)基本语法简介
2014/06/13 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
python selenium firefox使用详解
2019/02/26 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
办公室文秘岗位职责
2013/11/15 职场文书
最新奶茶店创业计划书
2014/01/25 职场文书
2014年大班元旦活动方案
2014/02/26 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
银行员工考核评语
2014/12/31 职场文书
居住证明范文
2015/06/17 职场文书
四则混合运算教学反思
2016/02/23 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android