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

最新推荐文章于 2023-03-19 19:00:00 发布
最新推荐文章于 2023-03-19 19:00:00 发布
阅读量450 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/ouminzy/blog/2988602
版权

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

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

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

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

window.location.href = document.referrer;

 

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

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

 

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

chuncui2576
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angular+ionic返回上一页并刷新页面
12-09
首先，我们假设当前用户位于`editCata`页面，目标是在用户点击返回按钮时返回到`cataDetail`页面并刷新内容。 1. **使用$ionicHistory服务** AngularJS的Ionic框架提供了 `$ionicHistory` 服务来管理应用的历史...
由返回上一页并刷新页面想到的
03-29
返回上一页并刷新返回上一页，我们经常用... 但是有时候有这样的需求，我们在一个公共页面中进行了数据操作，操作完成之后用history.back()返回上一页，我们希望上一页的数据是改变的，但是由于是历史返回，上一页的
html返回浏览历史,JS返回页面时自动回滚到历史浏览位置
weixin_36213934的博客
06-22 295
在我的系统实际开发过程中遇到一个需求，我需要让应用在各个页面间跳转时回到每页原先浏览到的位置，方便用户使用。在网上查资料时，看到的方案有不少，众说纷纭，但真正给出可行可用代码的寥寥无几，所以我干脆按自己的想法用SessionStorage写了一个缓存页面的方法，在离开页面时将需要缓存的容器中所有内容都存到SessionStorage中，在返回页面时重新加载，方便用户操作，效果如下：页面缓存使用方法...
返回历史页面
li373990257的专栏
03-02 982
后退+刷新在C# Web程序中，如为页面按钮写返回上一页代码 Response.Write("alert('返回前一页！');window.history.go(-2);");
js历史返回
weixin_33991418的博客
08-30 668
1.html <button type="button" class="btn" id="backBtn" onclick="returnBtn();">返回</button> 2.js function returnBtn() { window.history.back(); } 转载于:https://www.cnblogs...
使用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
JS实现返回上一页并刷新页面的方法分析
10-16
在本文中，我们将深入探讨如何使用JavaScript实现返回上一页并刷新页面的功能，这是在开发过程中经常遇到的需求，特别是在移动设备和桌面浏览器之间存在差异的情况下。 首先，我们注意到在通常情况下，调用`history...
javascript跳转与返回和刷新页面的实例代码
10-15
当设置新的URL时，它会立即重定向到该URL，相当于页面刷新。例如： ```javascript window.location.href = './index.html'; ``` 两者的主要区别在于，`window.open()` 打开的是新窗口，而 `window.location.href` ...
Javascript实现返回上一页面并刷新的小例子
12-03
在JavaScript中，实现返回上一页面并刷新的功能通常涉及到浏览器的历史记录管理和页面重载。标题中的例子提到了几种常见的方法，但可能并不总是有效。在实际应用中，我们需要确保页面刷新能够正确反映用户所做的更改...
js返回一个历史页面
04-16
js返回一个历史页面，非常好用，开发中经常用到
返回历史记录
u014645827的博客
11-02 842
返回历史记录 window.location.href = document.referrer; $(".buy-seccess button").on("click",function(){ window.location.href = document.referrer; }); <!--头部--> <divclass="header"> <ahref="javascript:history.back();"> ...
js返回上一页和刷新页面
真爱一生的博客
10-21 2852
返回上一页 刷新页面
使用document.referrer代替history.back(-1) 返回
发现问题，面对问题，分析问题，解决问题，总结问题
09-14 2053
window.history. DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问。它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从HTML5开始——提供了对history栈中内容的操作。 window.history.back(); 浏览器回退操作 window.history.forward(); 向前跳转 window.history.go(-1); 向后移动一个页面 (等同于调用 back()): window.history.go(1)
单页应用巧用history.go()、history.length返回到历史指定页面
AzulSystems的博客
03-19 942
在实际应用中通常会遇到这样的需求，需要从一个目标页跳到另一个页面就行一些操作，操作完成再跳到目标页，如果这时候我们还使用pushState跳转到目标页，就会向history中再添加一条目标页的记录。在需要返回的目标页跳转操作的第一页后将history.length存储到storage中，然后操作完毕后在操作的最后一页使用操作页第一页的 history.length - 操作页最后一页的history.length - 1，就得到了需要返回的页数。新的历史记录会变成下边这样。
浏览器回退到上一页，刷新历史页面，清除缓存的方法
十年砍柴的博客
11-10 4326
在一些场景中，我们点击浏览器默认的返回上一页按钮，需要刷新页面重新加载数据，比如用户在购物车页面去购买后，当用户在购买后通过返回键回到购物车页面时，我们需要去掉已经购买的商品，只显示剩余未购买的商品在购物车里。或者是一个表单信息填写页，产品说填写保存成功后跳到一个新页面，并且不允许用户修改，那么当用户通过浏览器“后退”按钮返回历史页面时，一般浏览器都会直接读取缓存里的数据，哪怕是设置了页面不缓存，如下： <meta http-equiv="Pragma" content="no-cache"&gt
JS返回浏览器历史第一页
qq_40479190的博客
11-27 4562
为什么会有这个需求： 原生APP内嵌网页 我没法关闭Android webview浏览器，IOS可以， 安卓不可以是因为以前的版本没加这个功能。但是现在安卓不可以发版本，如果发版本又被老板叼一顿，说什么每次都要升级版本才能解决问题。 我们做了一个网页支付，他是APP内嵌网页进行的。 那肯定会有填写资料 下一步 下一步。 现在的问题是到最后一步点击完成，网页直接控制关闭APP webview浏
怎么在新页面中返回到前一页浏览的历史位置？
shizhesx的博客
11-21 5261
第一步：需要注意引入的js jquery.jsjquery.cookie.js 第二部：在被返回的前一页加入以下代码       $(function () {         var str = window.location.href;         str = str.substring(str.lastIndexOf("/") + 1);         if
HTML返回历史上一页及刷新
落雨心星
07-26 3159
方法一： <a href="javascript:history.go(-1);">返回历史上一页</a> 方法二： <a href="javascript:history.back(1);">返回历史上一页</a> 返回并刷新： <a href="javascript:;" onclick="self.location=d...
uniapp页面刷新出现返回
最新发布
05-30
如果你的UniApp页面刷新后出现返回的情况，可能是因为你使用了uniapp自带的页面返回功能，而这个功能会记录用户的历史浏览记录。当页面刷新时，历史记录也会被清空，因此就会出现返回的情况。你可以尝试使用uniapp...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值