js返回上一页的三种方法分享

太过爱你忘了你带给我的痛 2024-03-16 17:24 44阅读 0赞

### 1、history.go() ###

最常用的一种方法，可以返回、前进任意一步的页面、回到上一页

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> </td> 
   <td> <p><code>//&nbsp;回到上一页</code></p> <p><code>window.history.go(-1);</code></p> <p><code>//&nbsp;回到下一页</code></p> <p><code>window.history.go(1);</code></p> <p><code>//&nbsp;回到任意一页</code></p> <p><code>widnow.history.go(+前进几页)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

### 2、history.back() ###

back() 方法可加载历史列表中的前一个 URL（如果存在）。

调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> </td> 
   <td> <p><code>//&nbsp;回到上一页</code></p> <p><code>history.back()</code></p> </td> 
  </tr> 
 </tbody> 
</table>

### 3、document.referrer ###

支持新窗口返回上一页

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> </td> 
   <td> <p><code>//&nbsp;new&nbsp;page</code></p> <p><code>//&nbsp;获取上一页的url</code></p> <p><code>const&nbsp;prevPageUrl&nbsp;=&nbsp;document.referrer;</code></p> <p><code>//&nbsp;跳转上一页</code></p> <p><code>document.location,href&nbsp;=&nbsp;prevPageUrl;</code></p> </td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，44人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS对象定义的三种方法分享

![3d338d7dc6ea9c24f09af488788f30f1.jpeg][] 方法一：通过var object=\{\} 对象字面量 (1)，可以叫对象直接量来自定

矫情吗；*/ 2024年03月27日 14:51/ 0 赞/ 79 阅读

相关 js返回上一页的三种方法分享

1、history.go() 最常用的一种方法，可以返回、前进任意一步的页面、回到上一页 <table> <tbody> <tr> <td> <p>1

太过爱你忘了你带给我的痛/ 2024年03月16日 17:24/ 0 赞/ 45 阅读

相关解决VUE返回上一页，上一页空白问题

问题：我做项目的时候发现vue返回上一页的时候，有时候router不会读取router上的参数，就会导致我的项目空白。思路：让返回上一页的时候，上一页能读取到

素颜马尾好姑娘i/ 2023年06月30日 10:44/ 0 赞/ 29 阅读

相关 router 返回上一页刷新

![在这里插入图片描述][20201014155027593.png_pic_center] ![20201014155034765.png_pic_center][]上一

爱被打了一巴掌/ 2022年12月15日 00:10/ 0 赞/ 272 阅读

相关 vue返回上一页并刷新上一页数据

在上一页activated加上数据加载的方法，如下： activated: function () { this.fetchData()//数

╰+攻爆jí腚メ/ 2022年10月09日 15:23/ 0 赞/ 326 阅读

相关 js返回上一页并刷新

参考：[js控制，返回上一页后强制刷新][js] 在新页面中写： history.go(-1); 返回上一页。在上一页的代码中写： $(functi

分手后的思念是犯贱/ 2022年06月14日 02:28/ 0 赞/ 377 阅读

相关 js实现返回上一页后刷新历史页面

<input type="button" value="返回" οnclick="javascript:window.location.replace(document

川长思鸟来/ 2022年06月01日 13:52/ 0 赞/ 880 阅读

相关 mui返回上一页刷新

mui中返回上一页并刷新，我只知道 2中方法，一种就是 mui.fire 至于用法在我其他文章里面有就不说了，说一个比较简单的。因为是返回上一页，所以只需要调用父类

柔光的暖阳◎/ 2022年03月02日 13:46/ 1 赞/ 887 阅读

相关 js禁止返回上一页

方法一： <script> var url = document.referrer; //获取上一页URL // i不能设置过大，否则会导致浏览器

拼搏现实的明天。/ 2022年02月26日 06:28/ 0 赞/ 343 阅读

相关 JS 刷新当前页面返回上一页并刷新的方法

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] reload 方法，该方法强迫浏览器刷新当前页面。

落日映苍穹つ/ 2022年01月13日 11:25/ 0 赞/ 1013 阅读