返回历史页面，并刷新该历史页面

最新推荐文章于 2024-11-18 15:34:21 发布
最新推荐文章于 2024-11-18 15:34:21 发布
阅读量442 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： python javascript ViewUI
原文链接：https://my.oschina.net/u/2419285/blog/2988602
本文介绍了一种使用document.referrer API返回并刷新历史页面的方法，尤其适用于移动H5页面开发。文中对比了直接访问页面路径和使用此API的区别，指出在使用Vue结合AJAX的场景下，此方法可能不适用。

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

原来 还真的有 可以 返回历史 上一个页面，并刷新历史页面的 API的，

之前以为没有，所以只能每次返回 上一个页面的时候，都是直接 写上了 该页面的路径， 也就是直接去访问了。

而document.referrer 也有这样的功能，而且更好用。

这样子特别是在 开发移动H5页面的时候，特别好用了。

window.location.href = document.referrer;

 

当然如果是使用  vue 通过ajax 获取数据 来渲染页面的话，一般的 返回历史页面，也是会调一次ajax 的，所以

如果是这种情况就没必要用 document.referrer  了

 

转载于:https://my.oschina.net/u/2419285/blog/2988602

D_SJ
关注
js返回一个历史页面
04-16
js返回一个历史页面，非常好用，开发中经常用到
angular+ionic返回上一页并刷新页面
12-09
首先，我们假设当前用户位于`editCata`页面，目标是在用户点击返回按钮时返回到`cataDetail`页面并刷新内容。 1. **使用$ionicHistory服务** AngularJS的Ionic框架提供了 `$ionicHistory` 服务来管理应用的历史...
返回历史页面
li373990257的专栏
03-02 1035
后退+刷新在C# Web程序中，如为页面按钮写返回上一页代码 Response.Write("alert('返回前一页！');window.history.go(-2);");
返回历史记录
u014645827的博客
11-02 946
返回历史记录 window.location.href = document.referrer; $(".buy-seccess button").on("click",function(){ window.location.href = document.referrer; }); <!--头部--> <divclass="header"> <ahref="javascript:history.back();"> ...
js历史返回
weixin_33991418的博客
08-30 710
1.html <button type="button" class="btn" id="backBtn" onclick="returnBtn();">返回</button> 2.js function returnBtn() { window.history.back(); } 转载于:https://www.cnblogs...
移动端H5页面返回并刷新页面（BFcache）的方法
10-17
BFcache会缓存用户访问过的页面，以便用户在进行历史操作时能够快速地返回或前进到指定页面，但这可能会导致页面数据不会重新加载，有时候这并不是我们所希望的。 要解决这个问题，首先需要了解BFcache的工作原理。...
由返回上一页并刷新页面想到的
03-29
返回上一页并刷新返回上一页，我们经常用... 但是有时候有这样的需求，我们在一个公共页面中进行了数据操作，操作完成之后用history.back()返回上一页，我们希望上一页的数据是改变的，但是由于是历史返回，上一页的
js返回前一页刷新本页重载页面
10-25
`history.go(-1)`是`history`对象的方法，用于返回历史中的上一个页面。即用户可以点击链接后返回到他们之前的页面。 `location`对象代表了当前URL的信息，并且它允许我们读取和改变浏览器的URL。`location.reload...
JS实现返回上一页并刷新页面的方法分析
10-16
在本文中，我们将深入探讨如何使用JavaScript实现返回上一页并刷新页面的功能，这是在开发过程中经常遇到的需求，特别是在移动设备和桌面浏览器之间存在差异的情况下。 首先，我们注意到在通常情况下，调用`history...
HTML 返回历史（学习）
Reborn
10-09 323
HTML 返回历史（学习）   &lt;a href="javascript :;" onClick="javascript :history.back(-1);"&gt;返回上一页&lt;/a&gt;   &lt;input type="button" name="Submit" onclick="javascript:history.back(-1);" 
返回上一页历史位置
真真的博客
12-19 1222
引入jquery.cookie.js 下载链接：http://plugins.jquery.com/cookie/ $(function () { var str = window.location.href; str = str.substring(str.lastIndexOf("/") + 1); if ($.cookie(str)) { ...
html返回浏览历史,JS返回页面时自动回滚到历史浏览位置
weixin_36213934的博客
06-22 353
在我的系统实际开发过程中遇到一个需求，我需要让应用在各个页面间跳转时回到每页原先浏览到的位置，方便用户使用。在网上查资料时，看到的方案有不少，众说纷纭，但真正给出可行可用代码的寥寥无几，所以我干脆按自己的想法用SessionStorage写了一个缓存页面的方法，在离开页面时将需要缓存的容器中所有内容都存到SessionStorage中，在返回页面时重新加载，方便用户操作，效果如下：页面缓存使用方法...
JavaScript实现返回上一页一共有多少种方法？使用场景是什么？底层原理是什么？
最新发布
长风破浪会有时的博客
11-18 2644
返回到浏览器历史记录中的前一个页面。：与相同。或：导航到特定的 URL，通常用于返回到前一个页面或刷新当前页面。：替换当前历史记录条目，导航到新的 URL。：获取前一个页面的 URL，用于导航回前一个页面。使用前端路由框架提供的方法：在使用前端路由的应用中，使用框架提供的方法来实现返回上一页的功能。每种方法都有其特定的使用场景和底层原理，选择合适的方法可以根据具体的应用需求来决定。例如，在普通的 Web 应用中，或是最常用的方法；
使用window.location.href和document.referrer
热门推荐
菜小菜吃菜的博客
07-26 1万+
document.referrer来访页面的url window.location.href 当前页面的url 在使用这两者并且想要在其后面加参数时应注意：判断window.location.href和window.location.href中是否包含?，包含拼接&，不包含拼接?。 if(document.referrer.indexOf('?')>-1){ window.loca
使用document.referrer代替history.back(-1) 返回
发现问题，面对问题，分析问题，解决问题，总结问题
09-14 2276
window.history. DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问。它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从HTML5开始——提供了对history栈中内容的操作。 window.history.back(); 浏览器回退操作 window.history.forward(); 向前跳转 window.history.go(-1); 向后移动一个页面 (等同于调用 back()): window.history.go(1)
js返回上一页和刷新页面
真爱一生的博客
10-21 3012
返回上一页 刷新页面
单页应用巧用history.go()、history.length返回到历史指定页面
AzulSystems的博客
03-19 1132
在实际应用中通常会遇到这样的需求，需要从一个目标页跳到另一个页面就行一些操作，操作完成再跳到目标页，如果这时候我们还使用pushState跳转到目标页，就会向history中再添加一条目标页的记录。在需要返回的目标页跳转操作的第一页后将history.length存储到storage中，然后操作完毕后在操作的最后一页使用操作页第一页的 history.length - 操作页最后一页的history.length - 1，就得到了需要返回的页数。新的历史记录会变成下边这样。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值