解决ios端返回上一个页面不刷新页面的问题

javascript返回上一个页面也许你会立马想到几种方案：

1.<a href="javascript:history.go(-1)">返回上一页</a>

2.<a href="javascript" οnclick="history.back(); ">返回上一页</a>

3.<a href="javascript:" οnclick="window.location.href=document.referrer;">返回上一页并刷新</a>
4.<a href="javascript:history.go(-1);location.reload()">返回上一页重，本地刷新</a>

1和2方案，可以返回上一个页面，在安卓手机可以刷新页面（前提是页面的数据是通过ajax请求并渲染的，像php直接嵌套html，通过php直接渲染数据这种方法，是不会刷新页面的），在苹果浏览器包括微信浏览器直接跪了，行不通！

3方案是可以返回上一层页面并刷新页面（安卓，ios都可以），但是，但是，如果你打开多个页面，想返回第一个页面，你会发现，只能在相邻的两个页面来回切换了，返回不了首页。例子 a-b-c-d d页面通过window.location.href=document.referrer返回到c页面，对于c页面来说b不是他的上一级页面了、上一级页面变成了d;

4方案更不用说了，只会刷新页面，不返回上一个页面。

解决方案：

也许你会想到用onpageshow事件，w3c对onpageshow的事件说明是这样的

但是真实项目中， event.persisted不管是通过ur跳转，还是通过history.go(-1)，history.back()都返回false;

很多博客都会给出这样的解决方案

这个方案确实是可以，完美解决了ios返回不刷新页面的问题。但是在安卓手机返回上一个页面的时候，首先执行了一次刷新页面（安卓默认返回上一页面是会刷新页面的），然后又会执行onpageshow方法里面的location.reload();想当于执行了两次刷新，这是不能忍受的。解决方案是：1.先判断用户的终端，只有是ios端才执行onpageshow事件就可以解决问题

代码：

解决ios端返回上一个页面不刷新页面的问题相关推荐

vue返回上一页不刷新页面的方法 / vue缓存页面
问题: vue框架下,在返回上一页的时候(this.$router.go(-1)) ,默认会让上个页面重新执行一遍生命周期(即被刷新了). 想达到的效果: 返回上一页不刷新页面. 解决方法: 缓存上一 ...
VUE 返回上一页不刷新页面、重复进入同一页面created重复执行、每次进入页面时都执行created、vue单页面多路由，前进刷新，返回不刷新
每次进入页面时都执行created.前进刷新,返回不刷新思路: 利用 keep-alive与vue-router配合使用 ,判断哪些页面需要每次进入刷新,哪些页面不需要每次进入刷新: keepAli ...
js返回上一页和刷新页面
返回上一页 window.history.go(-1);//返回上一页不刷新 window.history.back(); //返回上一页只是单纯的返回到上一页 window.location.hr ...
VUE 返回上一页不刷新页面
网上有很多种方法,刚开始看的时候都感觉莫名奇妙.不知道他们说啥,理解能力有限,我梳理了一下. 这里我介绍的主要是两种缓存某个页面的方法fang 方法一(页面只刷新一次,任何页面跳转到这个页面都不刷新) ...
vue返回上一页不刷新页面
项目需求:由于公司产品较多页面加载相对慢,所以每次进行页面的刷新影响客户下单的效率. 1.首先对router.js进行操作 import indexOne from '@/components/ind ...
h5 返回上一页并且刷新页面
window.history.go(-1) 和 window.history.back(-1) 都用了,安卓会刷新,IOS系统不刷新(IOS会读取浏览器缓存) 下面用了一种比较low的方法,但是好歹实 ...
返回到上一个页面并刷新页面
经常遇到一些页面跳转的问题,当我们用window.history.go()/window.history.back()/window.history.forward(),只能实现页面返回上一页,但是却 ...
uni-app返回上一个页面并进行页面刷新
适用两个不同的页面跳转,返回上一个页面保存并刷新修改后的数据(也解决了uni-app的navigateBack返回不刷新的方法之一) 当前页: 上一页: 思路: 1.用getCurrentPages( ...
java 返回上一个页面_页面返回上一页浏览位置
1.如果上一页是静态页面,可以用 history.go(-1)方法: go() 方法可加载历史列表中的某个具体的页面. 该参数可以是数字,使用的是要访问的 URL 在 History 的 URL 列表 ...

解决ios端返回上一个页面不刷新页面的问题

解决ios端返回上一个页面不刷新页面的问题相关推荐

最新文章

热门文章