js监听刷新保存数据，js监听页面刷新

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何用js监听浏览器页面的关闭/刷新事件

当用户跳转到别的网站时，已经离开了你的网站。可浏览器窗口并没有关闭，就算最后浏览器窗口关闭了，你的网站也无法得知了所以你还是想别的办法吧，如判断会话状态session谢谢楼上，我们多浏览器或者多tab开画面的情况不考虑。

使用 window.closed 属性可以检测当前窗口是否关闭，如果关闭则返回 true，否则返回 false。

首先判断浏览器的类型，简便可用navigator.userAgent()获取浏览器的字符串，与浏览器类型做查找即可。目前对Chrome和firfox区分关闭和刷新成功。浏览器为firfox时flag为false，Chrome为true。

关闭：使用onunload或onbeforeunload可以监听浏览器关闭事件，但是无法区分关闭与刷新。

下面的代码兼容除 Opera 之外的任何浏览器。Opera 到现在最高版本为止对 onunload 的支持都是不完整的，对于 unbeforeunload 更是根本不支持。

asp.net 的页面的所有事件，都是在服务器端，页面还没有下载到客户端之前发生的，当HTML被下载到客户端浏览器呈现之后，不用js，不用ajax，在下次POSTBACK之前，就跟服务器端没什么关系了。

Q1: 如何使用vuex结合localstorage动态监听storage变化

使用场景：同一个浏览器，以用户最后一次登录账号为准（使用localStorage存储）。弊端：同一个浏览器页签，修改storage的值，监听不到使用场景：storage发生变化，执行某些方法。

Vue项目中使用Vuex作为状态管理已经是比较通用的做法了，新建Vue项目的时候就可以选择集成Vuex，其实Vuex本质上类似全局的变量存储，方便在所有Vue组件中共享，而且也可以动态改变状态。

于是想到了一个比较粗暴的方式——利用定时器：在一定间隔时间内获取localStorage中的数据并更新到获取数据的页面中去，这样便实现了数据的监听。

localStorage：用于长期存储，当浏览器关闭之后localStorage存储的内容不会被清除，数据一直存储在本地。

背景最近用uni-app开发小程序项目时，部分需要持久化的内容没法像其他vuex中的state那样调用，所以想着自己实现一下类似vuex-persistedstate插件的功能，貌似代码量也不会很大初步思路首先想到的实现方式自然是vue的watcher模式。

.插件vue-savedata，vuex-persistedstate 5 .实际实现：监听浏览器的刷新，刷新之前把vuex存在本地，在路由拦截处获取本地储存，放进vuex并删除本地存储，可以自由控制存localstorage和sessionStorage，完全避免插件来消耗性能。

Q2: vuex页面刷新后无法保存数据怎么处理

.如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化 2 .比如之前的搜索记录，还有一些需要依赖的数据。

一般在登录成功的时候需要把用户信息，菜单信息放置 vuex 中，作为全局的共享数据。但是在页面刷新的时候 vuex 里的数据会重新初始化，导致数据丢失。

很显然，第一种方案基本不可行，除非项目很小或者vuex存储的数据很少。而第二种可以保证刷新页面数据不丢失且易于读取。

如果按F9键B列的数据就更新，说明设置问题：点最左上角的“花”，右下的Excel选项，左边的“公式”，右边选“自动重算”，确定。

Q3: 整么用js保存刷新前的数据,也就是刷新后的数据不是刚进入该页面的数据而...

1、表示记录历史记录。在需要记录状态的控件内加上 style=behavior：url(#default#savehistory)属性，表示这个控件需要记住状态。

2、.如果想让某些数据页面刷新之后不消失，那就可以结合本地存储做到数据持久化 2 .比如之前的搜索记录，还有一些需要依赖的数据。

3、下面的代码在刷新的时候保持数字不变，但关闭浏览器后会还原。如果想要一直保存数据，要在 cookie 中设置 expires（Chrome 下使用 localStorage 替换 sessionStorage）。

Q4: JS+Div选项卡,刷新后保存上次选中的选项。

使用cookie保存你操作的动作，其实就是将你选中的结果赋值给一个变量，存到你的cookie里面。在页面加载的时候(如onload），判断cookie是否有这个变量，如果有将它的值取出来并在下拉列表中进行定位。

刷新后当然就恢复原来的了。因为jQuery只能改变客户端的内容。你要达到这个效果需要结合php或是asp之类的脚本程序来实现了。

首先获取元素。for循环历遍按钮元素添加onclick 或者 onmousemove事件。因为点击当前按钮时会以高亮状态显示，所以要再通过for循环历遍把所有的按钮样式设置为空和把所有DIV的display设置为none。

js监听刷新保存数据的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js监听页面刷新、js监听刷新保存数据的信息别忘了在本站进行查找喔。