使用go()和back()两种返回上一页的区别

已于 2023-08-09 09:58:58 修改
阅读量4.6w 收藏 39
点赞数 10
分类专栏： 前端原生：JavaScript 文章标签： 返回上一页 vue 前端
于 2019-06-06 15:53:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42618566/article/details/91045282
版权

go(-1): 原页面表单中的内容会丢失；

history.go(-1):后退+刷新；

history.go(1) ：前进

back(): 原页表表单中的内容会保留；

history.back():后退 ；

history.back(0) 刷新；

history.back(1)：前进
在这里插入图片描述

美酒没故事°
关注
  • 10
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
window.history.go(-1)回退未刷新问题
日常笔记/总结/系列知识梳理
07-28 4257
采用window.history.go(-1)时，页面未刷新，使用以下方法解决。
页面返回/取消到上个页面back(-1)和go(-1)的区别
u011277123的博客
01-17 1万+
前端小极客 2017-01-16 11:02 H5页面做多了，自然就会做到页面上的返回功能，返回功能大致有两种：history.back(-1)和history.go(-1)，今天我们来说说两种方法的区别。 方法的用途 返回一个页面方法有很多，就好比给返回按钮绑定一个URL，但是如果一个页面可以从很多页面到达，那么这个页面返回的页面就不是固定的，那么绑定固定的URL显然不妥。
vue中使用history.go(-1)和history.back()两种返回上一页的区别
weixin_44867717的博客
09-27 7628
vue中使用history.go(-1)和history.back()两种返回上一页的区别 go(-1)：原页面表单中的内容会丢失； history.go(-1)：后退+刷新； history.go(1)：前进； back()：原页面表单中的内容会保留； history.back()：后退 history.back(0)：刷新 history.back(1)：前进 使用路由进行页面前进时，路由会向 history 栈添加一个新的记录，所以，当用户点击$router.back()后退按钮时，则回到之前
go语言实战--基于Vue3+gin框架的实战Cetide网项目（讲解开发过程中的各种踩坑）
最新发布
2301_79969279的博客
06-08 1040
if err!= nil {panic(err)这里来解释一下吧，1.workDir, _ := os.Getwd()：获取当前工作目录，os.Getwd()返回当前进程的工作目录路径，下划线_忽略可能的错误。2.viper.SetConfigName("application")：设置配置文件的名称为application，不包括文件扩展名。3.viper.SetConfigType("yml")：设置配置文件的类型为yaml，意味着Viper将解析.yml或.yaml格式的配置文件。
javascript中back(-1)和go(-1)的区别
weixin_33929309的博客
11-04 2872
javascript中back(-1)和go(-1)的区别 一、总结 一句话总结： 数据 history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面 history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在   1、开发人员可以知道用户浏览的url么？ 不可以 出于安全因素的考虑，开发人员无法得知用户浏览过的URL，只能通过用户访问过...
history.go(-1)和History.back()的区别
weixin_33770878的博客
08-31 286
简单的说就是：go(-1): 返回上一页，原页面表单中的内容会丢失；back(-1): 返回上一页，原页表表单中的内容会保留，一般还是back(-1)用的多 转载于:https://blog.51cto.com/sucre/385576...
history.go(-1)和history.back()的区别和联系
热门推荐
王文超的个人休闲小驿站
12-11 1万+
最近项目中用到 history.go(-1) ，个人研究了一下，就将history.go(-1)和history.back(-1)拿到一起来，做个总结： history.go(-1)和history.back(-1)在功能上都是返回当前页的上一级页面，但history.go(-1)返回后，原页面数据会丢失，而history.back(-1)则会将原页面的数据保存，所以在使用过程中，history
vue 路由返回 go(-1) 携带参数
神膘护体小月半的博客
11-01 4958
vue 路由返回 go(-1) 携带参数
javascript:window.history.go(-1)什么意思啊？
weixin_33989780的博客
12-22 270
history是你浏览过的网页的url（简单的说就是网址）的集合，也就是你的浏览器里的那个历史记录。它在js里是一个内置对象，就跟document一样，它有自己的方法，go就是其中一个。 这个方法的参数是一个数字，它指定要定位的url相对当前页面url位置的下标。当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的...
history.go(-1)、history.back()区别
guoscy的博客
11-13 4152
History 对象简单用法History 对象 History 对象包含用户（在浏览器窗口中）访问过的 URL。 History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。 注意： 没有应用于History对象的公开标准，不过所有浏览器都支持该对象。 History 对象属性 属性 描述 length 返回浏览
js 返回上一页和刷新 的代码
12-13
本文将详细介绍JavaScript中的各种方法来实现返回上一页、刷新页面以及相关的页面跳转技术。 首先，我们来看如何实现“返回上一页”： 1. `history.go(-1)`：这个方法将浏览器的历史记录向后移动一步，相当于点击...
js返回上一页并刷新的多种实现方法
10-26
3. `history.back()`：这个方法与`history.go(-1)`类似，也是返回上一页，同样需要结合`reload()`来刷新页面。 ```javascript <a href="javascript:" onclick="history.back(); location.reload()">返回上一页并...
asp.net下利用js实现返回上一页的实现方法小集
12-12
本文将介绍几种不同的JavaScript和服务器端方法来实现在ASP.NET环境下返回上一页。 方法一：使用HTML按钮和JavaScript 这是最简单且通用的方法，适用于任何类型的网页。在ASP.NET的.aspx页面源代码中，你可以添加一...
JS实现返回上一页并刷新页面的方法分析
10-16
在本文中，我们将深入探讨如何使用JavaScript实现返回上一页并刷新页面的功能，这是在开发过程中经常遇到的需求，特别是在移动设备和桌面浏览器之间存在差异的情况下。 首先，我们注意到在通常情况下，调用`history...
history.back()和history.go()的区别
月光如水的专栏
09-08 4379
Javascript:history.go()和history.back()的用法和区别  go(-1): 返回上一页，原页面表单中的内容会丢失；history.go(-1):后退+刷新；history.go(1) ：前进 back(): 返回上一页，原页表表单中的内容会保留； history.back():后退 ； history.back(0) 刷新； history.back
（转）Javascript:history.go()和history.back()的用法与区别
CaseyWei
12-15 1896
简单的说就是：go(-1):返回上一页，原页面表单中的内容会丢失； back():返回上一页，原页表表单中的内容会保留（读取缓存，页面不会重新加载）。 history.go(-1):后退+刷新 history.back():后退 之所以注意到这个区别，是因为不同的浏览器后退行为也是有区别的，而区别就跟javascript：history.go()和history.back()的区别类似。 Chrome和ff浏览器后退页面，会刷新后退的页面，若有数据请求也会提交数据申请。类似于histo
history.back(-1)和history.go(-1)返回上一个页面 刷新回退页
jievachange
05-31 9537
history.back(-1):直接返回当前页的上一页，不会刷新 history.go(-1):也是返回当前页的上一页，不会刷新 //返回上一个页面后进行刷新 window.location.replace(document.referrer) window.location.href=“上一个页面URL” ...
JavaScript history对象（back()、forward()、go()）
weixin_46990454的博客
12-15 4658
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器
Go（1）-- 基础知识
wang_zhao_的博客
05-11 1843
基础知识1.语言简介1.1 Go 语言诞生原因1.2 Go 应用领域1.3 Go 的特点1.3 Hello World1.3.1 编译运行1.4 Go 开发注意事项1.5 Go 词法单元1.5.1 标识符关键字（25）内置数据类型标识符（20）内置函数（15）常量（3）零值（1）空白标识符（1）1.5.2 运算符算术运算符比较运算符逻辑运算符赋值运算符位运算符其他运算符1.5.3 字面常量1.6 变量和常量1.6.1 变量1.6.2 变量的属性1.6.3 常量1.7 数据类型1.7.1 布尔类型：bool1
javascrip 返回上一页区别
09-01
JavaScript中返回上一页有两种不同的方法：通过history对象和使用window对象的location属性。 通过history对象返回上一页是最常见的方法。可以使用history对象的back()方法返回到上一页。代码如下： ``` <script> function goBack() { history.back(); } </script> ``` 使用这种方法返回上一页时，页面会重新加载并且所有的变量和状态都会重置。 另一种方法是通过window对象的location属性实现返回上一页。可以使用location对象的replace()方法来模拟点击浏览器的返回按钮。代码如下： ``` <script> function goBack() { window.location.replace(document.referrer); } </script> ``` 这种方法返回上一页时，不会重新加载整个页面，而是加载上一页的缓存版本。所以之前的变量和状态都会保持不变。 总的来说，通过history对象返回上一页会重新加载整个页面，而通过window对象的location属性返回上一页只加载上一页的缓存版本。具体使用哪种方法，取决于项目的需求和实际情况。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

美酒没故事°

谢谢看官

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值