为了账号安全,请及时绑定邮箱和手机立即绑定

cookie,seesionStorage,localStorage的理解

标签:
JavaScript

cookie
设置cookie

/**
     * 设置cookie
     * @param name cookie的名称
     * @param value cookie的值
     * @param day cookie的过期时间
     */
    var setCookie = function (name, value, day) {
      if(day !== 0){     //当设置的时间等于0时,不设置expires属性,cookie在浏览器关闭后删除
        var expires = day * 24 * 60 * 60 * 1000;
        var date = new Date(+new Date()+expires);
        document.cookie = name + "=" + escape(value) + ";expires=" + date.toUTCString();
      }else{
        document.cookie = name + "=" + escape(value);
      }
    };

获取cookie

/**
     * 获取对应名称的cookie
     * @param name cookie的名称
     * @returns {null} 不存在时,返回null
     */
    var getCookie = function (name) {
      var arr;
      var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
      if (arr = document.cookie.match(reg))
        return unescape(arr[2]);
      else
        return null;
    };

删除cookie

/**
     * 删除cookie
     * @param name cookie的名称
     */
    var delCookie = function (name) {
      setCookie(name, ' ', -1);
    };

删除cookie就是把的过期时间设为过去
特点:大小不超过4kb,存在于浏览器端,只能存字符串,可以通过path去设置他的有效范围,不然只能再当前页面和他的子页面有效
seesionStorage:关闭窗口就清除(刷新不会),只在当前窗口有效,在另一个窗口打开相同网址也不会有效
localStorage:除非手动删除不然不会清除(清除浏览器缓存和通过removeItem删除),再所有ip+端口相同的页面都可以获取他(同一浏览器)
localStorage和seesionStorage:设置setItem(key,value),获取getItem(key,value),删除removeItem(key)

总结:三者都只能存字符串,不同点就是有效范围和什么时候被消除的不同

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消