JS 返回上一级并刷新

最新推荐文章于 2023-09-06 16:26:32 发布
最新推荐文章于 2023-09-06 16:26:32 发布
阅读量1.4k 收藏 4
点赞数 1
分类专栏： js 文章标签： JS 页面刷新
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nahanai/article/details/89519440
版权

大多数浏览器，都会保存上一级页面的信息，在返回上一级页面时并不会访问网络，主动刷新页面，也就是当我们返回上一级页面时看到是旧数据，所以当我们想要返回上一页时就需要刷新页面。

在网上搜索到的使用JS刷新页面的方法都是
location.href=document.referrer
这种方法固然是可以返回并刷新网页，但是它有一个很大的bug，就是我们会陷入到2个页面之间不停的转换的死循环

所以就选择 sessionStorage，设定了一个flag，根据该flag来判断是否是通过返回上一级到此页面的，如果是的话，就重新加载该页面，并修改flag的值。

首先，在你需要返回的上一级页面增加一个

然后在返回页面的js代码中，增加
在这里插入图片描述
这样就可以实现返回上一级并刷新，且不会陷入循环

其中，sessionStorage 是H5新增的一个会话存储对象

三世如歌
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现返回上一页并刷新页面的方法分析
12-08
本文实例讲述了JS实现返回上一页并刷新页面的方法。分享给大家供大家参考，具体如下： 正常情况下我们通过 history.back() 或者 history.go(-1) 返回上一级页面的时候，是不会刷新页面的。这种不刷新页面包含两种情况： 在 android 或者 pc 浏览器中看到的页面有刷新的效果，其实不是这样的，这个时候的所有的资源都是从缓存中加载来的。我们通过浏览器调试工具可以看到 from disk cache 或者 from memory cache。 在 ios 中甚至于返回到了上一页后，连上一页的脚本文件都没有执行; (其实不是没有执行，是执行了onpageshow)
javascript 随机数 与高级应用 附vbscript(asp) 随机数总结
12-11
一、是javascript 随机数函数Math.random()  生成指定范围的随机数 Math.random()方法没有参数，返回0~1之间的随机数，如果要生成0~n之间的随机 数，可以使用下面的格式： Math.floor(Math.random()*n) 若要生成m~n之间的随机数，可以用： Math.floor(Math.random()*n)+m 下面是运用： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]javascript 随机数 高级应用  ①自JavaScript产生后，好多浏览器中都有内置的随机数发生方法。例如：  var number = Math.r
移动端H5页面返回并刷新页面（BFcache）的方法
10-17
主要给大家介绍了关于移动端H5页面返回并刷新页面（BFcache）的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
JS中实现页面跳转和刷新方法总结
JackChan
01-10 2057
JS中实现页面跳转和刷新方法总结
js 返回并刷新
weixin_45042272的博客
03-16 376
【代码】js 返回并刷新。
在vue中二级页面返回一级页面
qq_42345237的博客
11-09 1486
场景：在vue后台管理端项目，需要实现从列表页面跳到详情页面，再从详情页面返回到列表时，列表页面保持跳转之前的状态。 方案一：keep-alive 实践证明，效果是实现了，但是带来了其他问题，会将其他页面的状态都缓存住，而我们只是想要缓存一级列表页面的。所以这方案 pass。 方案二：mixins和vuex 想法是写一个全局的方法，通过 mixins 混入，在需要的页面引进来，这样的话，就可以灵活实现该场景。当然，这里会把列表页面状态存到 vuex 里，在mixins中去调用缓存的状态。 具体实现： //
返回上一级页面并刷新
ernesto的博客
09-05 1830
返回上一级页面并刷新 1、返回上一级，并不刷新。 history.go(-1); window.history.back(); 2、返回上一级，并刷新。 window.location.href=document.referrer; 3、翻页 history.go(1);//前进一页 history.forward(); //前进一页 history.length;//用length属性查看历史中...
js返回上一页和刷新页面
真爱一生的博客
10-21 2730
返回上一页 刷新页面
关于JS中返回上一级
蓝_蓝的博客
02-23 1万+
返回上一级，有两种情况，第一：刷新上一个页面；第二：不刷新上一个页面。首先是，刷新上一个页面，不保留上一个页面的任何操作；（1）<a href="JavaScript:history.go(-1)">返回上一级</a>；（2）使用require进行操作。代码如下：// returnLeve.js是返回上一级的js,// returnLeve是使用require进行封装的一个...
js返回上一页的三种方法分享
winkexin的博客
06-13 1万+
调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。back() 方法可加载历史列表中的前一个 URL（如果存在）。最常用的一种方法，可以返回、前进任意一步的页面、回到上一页。支持新窗口返回上一页。
返回上一页面并刷新
11-03
在管理系统开发中，经常遇到列表页面－跳转到某一记录的业务操作详细页面，操作完成之后需要回返列表页面需要刷新，使用window.history.back(); window.history.go(-1); 只能是回返目的，而未能刷新；使用self.location=document.referrer，如果原页面是post提交的多条件查询，也就显然无效。 写一个js基本解决这个问题了，欢迎大家指正。有需要同学也可以参考一下。
返回上一页并自动刷新的JavaScript代码
01-19
用JavaScript一般的使用history.go(-1)和history.back()等 但返回的是页面还是缓存中的数据，更新的数据不能马上呈现出来 这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面 代码如下: ...
Ajax.Dll各个版本无刷新组件
12-15
//这个方法用户接受并处理服务器端返回的结果。 function getGroups_callback(response) { var dt=response.value;//这个值就是最终传回来的值，想怎么用就怎么用，反正回前台了。 document.getElementById...
使用js 返回上一页
weixin_51890230的博客
05-09 2294
返回上一页并刷新</a>方法三：<a href="javascript:" onclick="history.go(-2);">返回前两页</a>">返回上一页</a>方法二：<a href="javascript:location.reload()">刷新当前页面</a>方法一：<a href="javascript:history.go(-1)">返回上一页
微信小程序webview跳转到二级页面，返回前一页如何自动刷新？
addooooba的博客
03-18 1490
直接上方法。 方法一： cart.wxml： <web-view src="{{url}}"></web-view> cart.js： var loadCount=0 Page({ data: { url:"" }, onLoad: function (options) { }, onReady: function () { }, onShow: function () { loadCount++ this.setData({ url: "https:
【快应用】二级页面如何携带参数返回一级页面？
最新发布
Mayism123的博客
09-06 371
在onBackPress里重写返回逻辑，通过router.push方式携带参数跳转，A页面在onshow里通过this.param获取(param是push传参的参数名)。页面栈有A、B两个页面，怎么在B页面中调A页面的方法或传参？场景是：A页面是列表页，B页面是详情页，B页面状态改变后返回A页面状态也要改变。快应用、router、onBackPress。
js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用
热门推荐
yun_master的博客
03-27 2万+
话不多说,看例子 1、history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1); // 回到下一页 window.history.go(1); // 回到任意一页 widnow.history.go(+前进几页) 2、history.back() // 回到上一页 history.back() 3、document.referer 以上两种方式,基本上大家都清楚,但是我们常常会遇到的一个场景,并不适用.比如当你的页面点
返回上一级刷新页面 Js实现返回上一页（页面 刷新和不刷新）
Joker 的博客
12-24 3543
返回上一页不刷新： 1.a标签 <a href="<a href="javascript :history.back(-1)">返回上一页</a> 或 <a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a> 2.按钮 <input ty...
移动端日期插件
nahanai的博客
06-13 2307
最近码代码时，遇到移动端日期插件的调用，试了好几种方法，最后选择mobiscroll期插件，实现在移动端滚动选择日期 1、使用前，首先需要引入css和js文件，我使用的是 mobiscroll.custom-2.6.2.min.css mobiscroll.custom-2.6.2.min.js 2、html代码 <input type="text" name="date" id="date...
taro返回上一级并刷新
06-07
// 在需要返回上一级页面并刷新的页面中调用 Taro.navigateBack({ delta: 1 // 返回上一级页面 }) ``` 在上一级页面的 `onShow` 生命周期函数中重新加载数据： ```javascript // 在上一级页面的 onShow 生命周期...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值