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 相关文章推荐
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
学习ExtJS(一) 之基础前提
Oct 07 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
Nov 06 Javascript
three.js实现圆柱体
Dec 30 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
vue车牌号校验和银行校验实战
Jan 23 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 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
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
js用正则表达式来验证表单(比较齐全的资源)
2013/11/17 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
JavaScript实现级联菜单的方法
2015/06/29 Javascript
js实现异步循环实现代码
2016/02/16 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
Jqprint实现页面打印
2017/01/06 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
Python 高级专用类方法的实例详解
2017/09/11 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
python 使用 requests 模块发送http请求 的方法
2018/12/09 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
调用其他python脚本文件里面的类和方法过程解析
2019/11/15 Python
Python如何使用字符打印照片
2020/01/03 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
区分python中的进程与线程
2020/08/13 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
三年级评语大全
2014/04/23 职场文书
大跃进口号
2014/06/16 职场文书
党员转正申请报告
2015/05/15 职场文书
Java 在生活中的 10 大应用
2021/11/02 Java/Android
SQL基础的查询语句
2021/11/11 MySQL