返回上一页并自动刷新的方法JavaScript

最新推荐文章于 2023-02-28 11:31:11 发布
原创 最新推荐文章于 2023-02-28 11:31:11 发布 · 1.5k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript
本文介绍了一种使用JavaScript实现返回上一页并刷新页面的方法。通常情况下，使用history.go(-1)或history.back()返回上一页会加载缓存数据，无法显示最新的页面状态。本文提供了一个简单的解决方案：通过location.href=document.referrer实现返回上一页的同时刷新页面。

用JavaScript一般的使用history.go(-1)和history.back()等


但返回的是页面还是缓存中的数据，更新的数据不能马上呈现出来


这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面


location.href = document.referrer;//重新载入上一页

[开发技巧]·html实现返回页面并自动刷新
简明AI工作室
12-18 5486
[APICloud实用技巧教程]实现返回页面并自动刷新 问题描述 在进行APP开发时，有时候会遇到你下一级页面操作过以后会改变上一级页面的结果。这时候就需要我们去刷新上一级页面。 一般可以采取三种方式： 定时刷新 用eventListener，检测事件 使用execScript，外部执行js 我选用的是第三个方式，操作简单，效率高，且代码量少。 历程 我们在win: a.html打开了...
浏览器页面刷新，history增加，需要多次调用history.back()才能后退的解决方法
qq_34415621的博客
08-29 3053
浏览器页面刷新，history增加，需要多次调用history.back()才能后退的解决方法history.back()时需要调用好几次才能回退到上个页面。本来刷新应该不会增加history的记录，项目中某些页面就会出现这种情况，刷新一次就会增加一条。但是有些页面就没这种现象，具体原因也没有查到，希望懂的同学赐教。......
从window.history理解浏览器返回不触发页面刷新问题
weixin_42349568的博客
02-28 5392
DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问，它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从 HTML5 开始——提供了对 history 栈中内容的操作。
实现history.back()返回后刷新历史页面
Hzz的博客
02-08 3931
实现history.back()返回后刷新历史页面
css html js 返回上一页 前进一页 刷新页面
jialan75的博客
02-10 1191
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
JavaScript返回上一页并自动刷新的方法
leapenemc的专栏
07-13 1341
<br />谈到返回上一页，大家或许都会想到history.go(-1)和history.back()等，但是这只是单纯的返回上一页，读取的是缓存中的数据，不一定会达到想要的效果。比如说在某在网站上登陆后返回到上一页，这时需要刷新后才能显示你已登录，就不能仅仅只是返回上一页了。 实现该功能需要用到JavaScript中的document.referrer，什么是document.referrer呢？比如说在http://www.a.com/index.html上有个链接指向http://www.b.com/
js中 返回上一页和刷新
wjj1021的专栏
10-25 649
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);   2. history.back().   3. window.history.forward()返回下一页   4. window.history.go(返回第几页,也可以使用访问过的URL)  例: 向上一页   r
js返回上一页并刷新代码整理
别在熬夜了！
04-10 995
代码如下: 返回上一页  重载页面，本地刷新  返回上一页重载页面，本地刷新  返回前二页并刷新的JS代码应该怎样写。  复制代码代码如下: history.go(-2);  location.reload();  二：js 方法  复制代码代码如下: 返回
js返回上一页并刷新的几种方法
乱坟岗
02-26 941
返回上一页  刷新当前页面  <a href="javascript:" onclick="history.go(-2); ">返回前两页 <a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新 <a href="javascript:" onclick="history.bac
js返回上一页并刷新的多种实现方法
sunboy2718的专栏
10-06 609
点评：本文主要介绍了js返回上一页并刷新的几种方法,感兴趣的朋友可以参考下，希望对大家有所帮助！ 返回上一页  刷新当前页面  返回前两页  返回上一页并刷新  返回上一页  页面跳转：  onclick="window.location.href='list.php'"  Javascript刷新页面的几种方法：  1，h
php如何返回并刷新,js返回上一页并刷新代码整理
weixin_30091863的博客
03-13 519
一：JS 重载页面，本地刷新,返回上一页返回上一页重载页面，本地刷新返回上一页重载页面，本地刷新返回前二页并刷新的JS代码应该怎样写。history.go(-2);location.reload();二：js 方法返回asp自动返回并刷新的方法：response.Write("self.location=document.referrer;")一般用于向一个页面提交action后返回前一页并刷新！...
js layui跳转页面_js中实现页面跳转
weixin_39684235的博客
12-18 6450
一：JS 重载页面，本地刷新,返回上一页代码如下:返回上一页重载页面，本地刷新返回上一页重载页面，本地刷新返回前二页并刷新的JS代码应该怎样写。代码如下:history.go(-2);location.reload();二：js 方法代码如下:返回asp自动返回并刷新的方法：代码如下:response.Write("self.location=document.referrer;")一般用于向一个...
js中实现页面跳转（返回前一页、后一页）
Not_A_Coder 的博客
10-03 1222
一：JS 重载页面，本地刷新,返回上一页  复制代码代码如下: 返回上一页  重载页面，本地刷新  返回上一页重载页面，本地刷新  返回前二页并刷新的JS代码应该怎样写。  复制代码代码如下: history.go(-2);  location.reload();  二：js 方法  复制代码代码如下: 返回  a
JavaScript返回上一页并刷新的多种实现方法（十八）
道阻且长，行则将至。
04-05 692
JavaScript返回上一页并刷新的多种实现方法（十八） Javascript刷新页面的几种方法： history.go(0) location.reload() location=location location.assign(location) document.execCommand(‘Refresh’) window.navigate(location) location.replace(location) document.URL=location.href
js 返回上一页和刷新
bbl_bbg的专栏
02-19 775
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);   2. history.back().   3. window.history.forward()返回下一页   4. window.history.go(返回第几页,也可以使用访问过的URL)  例: 向上一页   response.Write("") r
Web---JS-返回上一页并刷新代码整理
weixin_34275734的博客
07-25 202
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项，长话短说，今天介绍实现此功能的一个方法，需要了解的朋友可以参考下: 一：JS 重载页面，本地刷新,返回上一页 代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值