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 对小数加法精度处理示例说明
Dec 27 Javascript
table对象中的insertRow与deleteRow使用示例
Jan 26 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
Apr 10 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
超实用的JavaScript代码段 附使用方法
May 22 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
Angular 常用指令实例总结整理
Dec 13 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
javascript的惯性运动实现代码实例
Sep 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中提问频率最高的11个面试题和答案
2014/09/02 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
用ADODB.Stream转换
2007/01/22 Javascript
javascript innerHTML使用分析
2010/12/03 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
node.js实现爬虫教程
2020/08/25 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
浅谈vue-router路由切换 组件重用挖下的坑
2019/11/01 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
python中enumerate函数用法实例分析
2015/05/20 Python
Python中操作mysql的pymysql模块详解
2016/09/13 Python
python决策树之CART分类回归树详解
2017/12/20 Python
Python3 replace()函数使用方法
2018/03/19 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
python 爬虫如何实现百度翻译
2020/11/16 Python
python爬虫请求头的使用
2020/12/01 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
行政部总经理岗位职责
2014/01/04 职场文书
小学校园活动策划
2014/01/30 职场文书
精彩的英文自荐信
2014/01/30 职场文书
知识竞赛活动方案
2014/02/18 职场文书
母婴店促销方案
2014/03/05 职场文书
营销团队口号
2014/06/06 职场文书
公司晚宴祝酒词
2015/08/11 职场文书
六年级作文之预言作文
2019/10/25 职场文书
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python