javascript - 移动端页面点后退按钮,之前页面刷新

Question

移动端点虚拟按键后退按钮,如何将之前页面刷新?????

从页面1 跳转至 页面2,在页面2点击后退按钮后刷新页面1???怎么监听浏览器后退事件

Answer 1

function pushHistory() {  
   var state = {  
     title: "title",  
     url: "#"  
   };  
   window.history.pushState(state, "title", "#");  
}  
 $(function(){  
   pushHistory();  
   window.addEventListener("popstate", function(e) {  
    }, false);           
});

popstate 事件类型

Answer 2

你指的是reload?refresh?还是不刷新页面，直接更新页面数据？

Answer 3

之前的页面不缓存,返回之后应该还是会重新加载的吧.

Answer 4

可以用本地缓存加定时器来试试，具体思路：
页面1，创建一个定时器，定时监听本地缓存信息是否改变或者是否存在；
当跳至页面2，页面2监听浏览器后退按钮，如果浏览器后退，修改本地缓存；
页面1，定时器监听到本地缓存改变后执行刷新操作。

Answer 5

一般点后退按钮操作会触发：onhahchange，在这个事件里面操作就行。关于之前页面刷新？暂时不能理解，因为我使用vue-router回退，其页面会自动刷新的。

Answer 6

用 window.unonload 事件,unonload事件在退出页面时发生

Answer 7

可以看看jquery的pjax，挺流型的