[javascript] 使用localStorge模拟实现cookie

唯一Chat

发布于 2022-05-11 08:46:49

3470

发布于 2022-05-11 08:46:49

文章被收录于专栏：陶士涵的菜地

如果我们使用cookie作为前端存储数据，我遇到的一个问题就是

跨iframe页面，setCookie不起作用，所以迫使我使用localStorge模拟实现。

主要是为了实现过期的效果，利用存储的创建时间和过期时间，模拟实现到期清除效果

function setFakeCookie(name,value,expire) {
    var obj={
        "create_time":getNowDate(),
        "expire":expire,
        "value":value,
    }
    localStorage.setItem(name, JSON.stringify(obj));
}
function getFakeCookie(name) {
    var obj=JSON.parse(localStorage.getItem(name));
    if(!obj){
        return "";
    }
    var visitorExpireSecond=new Date(obj.create_time).getTime()+parseInt(obj.expire)*1000;
    var nowTime=getTimestamp();
    if(visitorExpireSecond<=nowTime){
        localStorage.removeItem(name);
        return "";
    }
    return obj.value;
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-05-10，如有侵权请联系 cloudcommunity@tencent.com 删除

网络安全