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 相关文章推荐
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
js中class的点击事件没有效果的解决方法
Oct 13 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
手写实现JS中的new
Nov 07 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 图像尺寸调整代码
2010/05/26 PHP
从零开始学YII2框架(二)通过 Composer 安装扩展插件
2014/08/20 PHP
PHP使用header()输出图片缓存实例
2014/12/09 PHP
PHP文件操作详解
2016/12/30 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
js格式化时间和js格式化时间戳示例
2014/02/10 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
2014/08/10 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
javascript省市级联功能实现方法实例详解
2015/10/20 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
JavaScript实现汉字转换为拼音的库文件示例
2016/12/22 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
Python的Django框架中的数据库配置指南
2015/07/17 Python
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
使用Python3制作TCP端口扫描器
2017/04/17 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
python异常处理try except过程解析
2020/02/03 Python
Django ORM实现按天获取数据去重求和例子
2020/05/18 Python
python接口自动化框架实战
2020/12/23 Python
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
意大利团购网站:Groupon意大利
2016/10/11 全球购物
Hotels.com台湾:饭店订房网
2017/09/06 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
2014年道德讲堂实施方案
2014/03/05 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书