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 CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
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创建Cookie数组的详解
2013/07/03 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
浅谈JavaScript编程语言的编码规范
2011/10/21 Javascript
jQuery设置div一直在页面顶部显示的方法
2013/10/24 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
js原生之焦点图转换加定时器实例
2016/12/12 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
2017/09/07 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
CSS3五个技巧给你的网站带来出色的效果
2009/04/02 HTML / CSS
CSS3,线性渐变(linear-gradient)的使用总结
2017/01/09 HTML / CSS
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
2017/11/21 HTML / CSS
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
《画风》教学反思
2014/04/16 职场文书
自我推荐信范文
2014/05/09 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
综治工作心得体会
2014/09/11 职场文书
员工自我评价范文
2015/03/11 职场文书
聘任书范文大全
2015/09/21 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang
Python 文字识别
2022/05/11 Python