巧用sessionStorage判断页面是关闭还是刷新?
2个回答
2022-12-01 · 百度认证:北京惠企网络技术有限公司官方账号
关注
展开全部
可能大家会有很多种方式可以实现,但是我今天给大家分享的一个纯前端的实现。\x0d\x0a\x0d\x0a全部代码也就这么几行,其中用到两个新特性sessionStorage和localStorage。\x0d\x0a\x0d\x0alocalStorage用来存储用户最后访问的url,sessionStorage的变量用来判断用户当前行为是新进系统,还是只是刷新页面。\x0d\x0a\x0d\x0a01 if(sessionStorage.opened){ \x0d\x0a02 console.log('窗口是刷新页面,不是新打开') \x0d\x0a03 }else{ \x0d\x0a04 console.log('窗口是新打开') \x0d\x0a05 //如果获取到历史url,则重定向到历史地址 \x0d\x0a06 if(localStorage.history && localStorage.history != window.location.href ){ \x0d\x0a07 window.location.replace(localStorage.history); \x0d\x0a08 } \x0d\x0a09 } \x0d\x0a10 sessionStorage.setItem('opened','true'); \x0d\x0a11 localStorage.setItem('history',location.href);
展开全部
可能大家会有很多种方式可以实现,但是我今天给大家分享的一个纯前端的实现。
全部代码也就这么几行,其中用到两个新特性sessionStorage和localStorage。
localStorage用来存储用户最后访问的url,sessionStorage的变量用来判断用户当前行为是新进系统,还是只是刷新页面。
01 if(sessionStorage.opened){
02 console.log('窗口是刷新页面,不是新打开')
03 }else{
04 console.log('窗口是新打开')
05 //如果获取到历史url,则重定向到历史地址
06 if(localStorage.history && localStorage.history != window.location.href ){
07 window.location.replace(localStorage.history);
08 }
09 }
10 sessionStorage.setItem('opened','true');
11 localStorage.setItem('history',location.href);
全部代码也就这么几行,其中用到两个新特性sessionStorage和localStorage。
localStorage用来存储用户最后访问的url,sessionStorage的变量用来判断用户当前行为是新进系统,还是只是刷新页面。
01 if(sessionStorage.opened){
02 console.log('窗口是刷新页面,不是新打开')
03 }else{
04 console.log('窗口是新打开')
05 //如果获取到历史url,则重定向到历史地址
06 if(localStorage.history && localStorage.history != window.location.href ){
07 window.location.replace(localStorage.history);
08 }
09 }
10 sessionStorage.setItem('opened','true');
11 localStorage.setItem('history',location.href);
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询