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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
js使用递归解析xml
Dec 12 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
js验证框架实现代码分享
May 18 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
详解angular应用容器化部署
Aug 14 Javascript
JS写滑稽笑脸运动效果
May 28 Javascript
vue实现折线图 可按时间查询
Aug 21 Javascript
JS访问对象两种方式区别解析
Aug 29 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统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
2009/12/19 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
Python批量发送post请求的实现代码
2018/05/05 Python
python实现抖音视频批量下载
2018/06/20 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
详解python列表生成式和列表生成式器区别
2019/03/27 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
利用python求积分的实例
2019/07/03 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
浅谈HTML5新增和废弃的标签
2019/04/28 HTML / CSS
斐乐美国官方网站:FILA美国
2019/03/01 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
写自荐信的注意事项
2014/03/09 职场文书
新书发布会策划方案
2014/06/09 职场文书
节能减耗标语
2014/06/21 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL