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 相关文章推荐
Javascript与flash交互通信基础教程
Aug 07 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
JavaScript实现的in_array函数
Aug 27 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
利用不到200行代码写一款属于你自己的js类库
Jul 08 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
Vue 打包体积优化方案小结
May 20 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实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP基于PDO扩展操作mysql数据库示例
2018/12/24 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
PHP代码加密的方法总结
2020/03/13 PHP
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
jQuery中removeClass()方法用法实例
2015/01/05 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
javascript消除window.close()的提示窗口
2015/05/20 Javascript
JavaScript框架是什么?怎样才能叫做框架?
2015/07/01 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
JavaScript中文件上传API详解
2016/04/01 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
vue路由拦截器和请求拦截器知识点总结
2019/11/08 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
简介Python中用于处理字符串的center()方法
2015/05/18 Python
详解Python发送email的三种方式
2018/10/18 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
法国一家芭蕾舞鞋公司:Repetto
2018/11/12 全球购物
夏季奶茶店创业计划书
2014/01/16 职场文书
放飞梦想演讲稿800字
2014/08/26 职场文书
高一军训的心得体会
2014/09/01 职场文书
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript
Win10鼠标宏怎么设置?win10系统鼠标宏的设置方法
2022/08/14 数码科技