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 相关文章推荐
解放web程序员的输入验证
Oct 06 Javascript
关于jquery性能最佳实践的讨论,与求教
Mar 30 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
jQuery获取checkbox选中的值
Jan 28 Javascript
基于AngularJS+HTML+Groovy实现登录功能
Feb 17 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
video.js使用改变ui过程
Mar 05 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
Vue中computed及watch区别实例解析
Aug 01 Javascript
js绘制一条直线并旋转45度
Aug 21 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 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
关于file_get_contents返回为空或函数不可用的解决方案
2013/06/24 PHP
PHP性能分析工具xhprof的安装使用与注意事项
2017/12/19 PHP
用JavaScript和注册表脚本实现右键收藏Web页选中文本
2007/01/28 Javascript
JQuery select标签操作代码段
2010/05/16 Javascript
js 手机号码合法性验证代码集合
2012/09/29 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
详解如何用webpack打包一个网站应用项目
2017/07/12 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
python使用opencv读取图片的实例
2017/08/17 Python
Python基于opencv的图像压缩算法实例分析
2018/05/03 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
python闭包、深浅拷贝、垃圾回收、with语句知识点汇总
2020/03/11 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
英国假发网站:Hothair
2018/02/23 全球购物
北京华建集团SQL面试题
2014/06/03 面试题
简历上的自我评价
2014/02/03 职场文书
协议书范本
2014/04/23 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
合理化建议书范文
2015/09/14 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
js 实现验证码输入框示例详解
2022/09/23 Javascript