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 相关文章推荐
javascript Object与Function使用
Jan 11 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
jquery提取元素里的纯文本不包含span等里的内容
Sep 30 Javascript
window.onresize 多次触发的解决方法
Nov 08 Javascript
js opener的使用详解
Jan 11 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
jquery实现图片平滑滚动详解
Mar 22 jQuery
JS排序之快速排序详解
Apr 08 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 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
preg_match_all使用心得分享
2014/01/31 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
详解PHP中的null合并运算符
2015/12/30 PHP
JavaScript 面向对象之命名空间
2010/05/04 Javascript
kmock javascript 单元测试代码
2011/02/06 Javascript
javascript如何写热点图
2015/12/08 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
[00:12]2018DOTA2亚洲邀请赛SOLO赛 MidOne是否中单第一人?
2018/04/05 DOTA
Python 元类使用说明
2009/12/18 Python
python基础教程之缩进介绍
2014/08/29 Python
Ubuntu下安装PyV8
2016/03/13 Python
详解python中的hashlib模块的使用
2019/04/22 Python
django 信号调度机制详解
2019/07/19 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
css3 矩阵的使用详解
2018/03/20 HTML / CSS
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
商得四方公司面试题(gid+)
2014/04/30 面试题
大学军训感言300字
2014/03/09 职场文书
学员自我鉴定
2014/03/19 职场文书
银行授权委托书范本
2014/10/04 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
教师考核评语大全
2014/12/31 职场文书
法律意见书范文
2015/06/04 职场文书
首都博物馆观后感
2015/06/05 职场文书
院系推荐意见
2015/06/05 职场文书
暑假生活随笔
2015/08/15 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书