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实现PHP的sprintf函数实例
Nov 14 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
Bootstrap table表格简单操作
Feb 07 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
Sep 14 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
vue实现购物车案例
May 30 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
微信小程序实现购物车小功能
Dec 30 Javascript
JS实现百度搜索框
Feb 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
用Zend Encode编写开发PHP程序
2010/02/21 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
js中opener与parent的区别详细解析
2014/01/14 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
jquery插件jquery.confirm弹出确认消息
2015/12/22 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
jQuery实现发送验证码并60秒倒计时功能
2016/11/25 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
JavaScript中import用法总结
2019/01/20 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
Python多层嵌套list的递归处理方法(推荐)
2016/06/08 Python
Python选课系统开发程序
2016/09/02 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
python 如何上传包到pypi
2020/12/24 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
平安工地建设方案
2014/05/06 职场文书
旅游文化节策划方案
2014/06/06 职场文书
安全资料员岗位职责范本
2014/06/28 职场文书
铣工实训报告
2014/11/05 职场文书
使用Python拟合函数曲线
2022/04/14 Python
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers