Question

巧用sessionStorage判断页面是关闭还是刷新

Answer 1

可能大家会有很多种方式可以实现,但是我今天给大家分享的一个纯前端的实现。\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);

Answer 2

sessionStorage储存在客户端，当浏览器关闭时，储存的数据将丢失 localStorage同样存储在客户端，但保存在磁盘文件中，永久保存，除非程序或人工删除，没有过期时间 服务端session保存在服务器内存中，并在客户端添加一个会话标示符(客户端sessi.

Answer 3

可能大家会有很多种方式可以实现,但是我今天给大家分享的一个纯前端的实现。

全部代码也就这么几行，其中用到两个新特性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);