localStorage 多窗口tab通信,保持登录信息一致

最新推荐文章于 2023-12-18 19:15:05 发布

tingfenyijiu

最新推荐文章于 2023-12-18 19:15:05 发布

阅读量397

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/tingfenyijiu/article/details/109678389

版权

javascript

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

   ((keys='storageEvent')=>{
        window.sessionStorage.setItem('author3',new Date())
        // 监听storage 变化
        window.addEventListener('storage', function (e) {
            if(e.key === keys){
                let uplocals = window.localStorage.getItem(keys);
                if(uplocals) {
                    uplocals = JSON.parse(uplocals);
                    for(let key in uplocals){
                        window.sessionStorage.setItem(key,uplocals[key]);
                    }
                }
                window.localStorage.removeItem(keys);
            }
        });
        // 获取sessionStorage缓存值
        let sessions = {};
        for(let key in window.sessionStorage ||{}){
            if(typeof window.sessionStorage[key] === 'string') sessions[key]=window.sessionStorage[key];
        }
        // 更新localStorage缓存值
        window.localStorage.setItem(keys,JSON.stringify(sessions));
        setTimeout(()=>{window.localStorage.removeItem(keys);},1000)
    })('localStorageUpdataEvent');