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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
Javascript window对象详解
Nov 12 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
基于node实现websocket协议
Apr 25 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
js 图片转base64的方式(两种)
Apr 24 Javascript
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 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实现通用的信用卡验证类
2015/03/24 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
JavaScript 原型与继承说明
2010/06/09 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
分享纯手写漂亮的表单验证
2015/11/19 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
2016/12/26 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
jquery实现轮播图特效
2020/04/12 jQuery
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
javascript实现时钟动画
2020/12/03 Javascript
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
python奇偶行分开存储实现代码
2018/03/19 Python
Python面向对象类的继承实例详解
2018/06/27 Python
Python 20行简单实现有道在线翻译的详解
2019/05/15 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
python3多线程知识点总结
2019/09/26 Python
python cv2在验证码识别中应用实例解析
2019/12/25 Python
python实现贪吃蛇游戏源码
2020/03/21 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
八年级物理教学反思
2014/01/19 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
工作说明书范文
2014/05/07 职场文书
工地材料员岗位职责
2015/04/11 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
python如何在word中存储本地图片
2021/04/07 Python