history.go(..)

最新推荐文章于 2024-01-12 00:22:40 发布
原创 最新推荐文章于 2024-01-12 00:22:40 发布 · 563 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了浏览器历史记录的基本操作，包括前进、刷新和后退功能，并在开窗时自动刷新页面，确保用户体验。

history.go(1)前进
history.go(0)刷新
history.go(-1)后退

 

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

[removed]history.go()和History.back()的区别及应用
10-27
在JavaScript中，`history.go()`和`history.back()`是两个用于管理历史记录的方法。本文将详细介绍`history.go()`和`history.back()`之间的区别，以及如何在Web应用中有效利用这些功能。 首先，我们需要了解Web...
js判断当页面无法回退时关闭网页否则就history.go(-1)
12-03
在做一个Web项目时遇到一个需求，当页面没有前驱历史记录时（就是当前为新弹出的页面，没法做goback操作即history.go(-1)），点击返回按钮时直接关闭页面，否则就退回到前一页。 遇到的问题就是如何判断 是否有...
javascript:history.go()和History.back()的区别(转载)
weixin_30342827的博客
01-12 669
转自：http://www.mikebai.com/Article/2009-11/757.html <input type=button value=刷新 onclick="window.location.reload()"><input type=button value=前进 onclick="window.history.go(1)"><input type...
js刷新页面的几种方法
热门推荐
图解前端的博客
05-14 3万+
在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？ reload刷新法 reload方法，用来强制浏览器刷新当前页面。语法： loaction.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 ...
history详解
qiyuancoder的博客
11-15 2579
history 对象包含用户在浏览器中访问过的页面的URL，自带的属性和方法如下： history.length 历史页面的URL数量，最小为1，最大为，即只能存50个历史页面记录。 history.back()、history.forward()、history.go() 分别表示跳转至上一个页面、下一个页面、指定的上下某个页面，history.go(-1) 等同于 history.back()，history.go(1) 等同于 history.forward()，history.go(0) 等同于当前
window.history.back()、window.history.go()返回上一页强制刷新
月下lk山人的博客
12-17 3720
通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...
window.history.go()和history.back()以及location.reload()的用法以及不同
xiaoma19941027的博客
11-04 1937
window.history.go(-1);   返回上一页, 原页面表单中的内容会丢失; window.history.back(-1);  返回上一页, 原页面表单中的内容会保留. 以下为举例： <input type="button" value="刷新" οncli...
浏览器执行history.go(-1) FCKeditor编辑框内显示html源代码的解决方法
10-28
但是，在处理表单提交失败的情况时，有时候用户执行浏览器的返回动作（如点击浏览器的后退按钮或使用history.go(-1)方法），编辑框中可能会出现HTML源代码。这一现象通常发生在浏览器为了重新加载页面使用缓存中的...
javascript-history.go()和History.back()的区别.doc
12-08
在JavaScript中，`history.go()`和`history.back()`都是用于浏览历史记录的函数，但它们在使用方式和功能上有所区别。`history.back()`是一个用于浏览器历史记录的函数，它使浏览器回到上一页，就像用户点击浏览器的...
vue监听浏览器返回
田品吕口的博客
10-15 3874
1、监听返回 大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件监测，那么我们就可以进行监听。 ```javas...
javascript页面刷新的几种方法
wuke666666的博客
05-04 3191
javascript refresh page 几种页面刷新的方法 本节内容：Javascript刷新当前页面的方法与实例。 window.location.reload()，window.history.go(0)和document.execCommand(’‘Refresh’’)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 hist...
javascript:history.go()和History.back()的区别
liq39liq
01-16 239
javascript:history.go()和History.back()的区别 2011年01月26日 　　转载自 glaiveLee 　　最终编辑 glaiveLee 　　 　　 　　 　　 　　 后退+刷新在C# Web程序中，如为页面按钮写返回上一页代码 　　this.RegisterClientScriptBlock("E", "history.go(-2);"...
Vue中history.go(0)和location.reload()的区别
wdw5413的博客
03-10 1200
Vue中history.go(0)和location.reload()的区别 最直观的区别：history.go(0)：刷新后滚动条的位置不变 location.reload()：刷新后滚动条会回到顶端
history.go()和location.Reload()和location.href 区别
huihui870311的专栏
05-07 1446
1、history.go() history.go(1)前进 history.go(0)刷新 history.go(-1)后退 2、location.Reload() loaction.reload(false)和location.reload(true)有一个是先判断页面有没修改，有的话就从服务器下载页面，没有就直接从缓存里拿（这个会提升响应性能） 而把该方法的参数设置为 tru
History对象常用方法
qq_74095822的博客
01-01 903
history 对象来保存浏览器历史记录信息，也就是用户访问的页面。浏览器的前进与后退功能本质上就是 history 的操作。history 对象记录了用户浏览过的页面，通过该对象提供的 API 可以实现与浏览器前进/后退类似的导航功能。window.history 对象记录了浏览器的访问历史。为了保护用户隐私，对JavaScript访问该对象的方法做出了限制。1、history常用的对象属性属性说明返回历史列表中的网址数2、history对象常用方法方法说明back()
BOM——history 对象
qq_36584352的博客
06-15 386
history 对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。因为history 是window对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history 对象与特定的window对象关联。出于安全方面的考虑，开发人员无法得知用户浏览过的URL。不过，借由用户访问过的页面列表，同样可以在不知道实际URL 的情况下实现后退和前进。 使用go()方法可以在用户的历史记...
window.history.go(-1)回退未刷新问题
日常笔记/总结/系列知识梳理
07-28 5683
采用window.history.go(-1)时，页面未刷新，使用以下方法解决。
vue中使用history.go(-1)和history.back()两种返回上一页的区别
weixin_44867717的博客
09-27 8660
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()后退按钮时，则回到之前
浏览器History对象
小马甲
01-12 1187
属性指向History对象，它表示当前窗口的浏览历史。History对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。由于安全原因，浏览器不允许脚本读取这些地址，但是允许在地址之间导航。// 后退到前一个网址// 等同于浏览器工具栏的“前进”和“后退”按钮，其实就是对History对象进行操作。MDN文档，点击【前往本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
history.goback没有刷新
最新发布
08-22
### 页面未刷新问题分析 在使用 `history.goBack()` 时，页面可能不会重新加载，这是由于浏览器的历史记录机制和缓存策略导致的。浏览器在返回上一页时通常会从缓存中加载页面，而不是重新请求服务器，这在某些场景下会导致页面状态未更新的问题[^1]。 ### 解决方案 #### 1. 使用 `localStorage` 或 `sessionStorage` 传递参数并刷新页面状态 由于 `history.goBack()` 不支持直接传递参数，可以通过 `localStorage` 或 `sessionStorage` 来存储状态信息，从而在返回页面时读取该信息并更新页面状态。例如，在跳转前将 `tab` 的 `key` 存入 `localStorage`，然后在目标页面的生命周期中读取该值并设置当前选中的 `tab`。 ```javascript // 跳转前存储状态 localStorage.setItem('selectedTabKey', 'tab2'); // 返回页面时读取状态 componentWillMount() { const selectedTabKey = localStorage.getItem('selectedTabKey'); this.setState({ activeKey: selectedTabKey }); } ``` 这种方式可以确保页面在返回时保持之前的状态，而不是恢复默认状态。 #### 2. 强制页面重新加载 如果需要完全刷新页面，可以结合 `window.location.reload()` 来实现。需要注意的是，这种方法会导致页面重新加载，用户体验可能不如缓存加载流畅。 ```javascript window.location.reload(); ``` 另一种方式是通过修改 URL 参数来触发页面重新加载，例如在返回时添加一个随机参数，使浏览器认为这是一个新请求： ```javascript const newUrl = window.location.href + '?refresh=' + Math.random(); window.history.replaceState(null, '', newUrl); ``` #### 3. 利用 `beforeunload` 事件控制缓存行为 可以通过 `beforeunload` 事件来控制页面在返回时的行为，例如阻止缓存加载或提示用户保存状态： ```javascript window.addEventListener('beforeunload', function (e) { // 可以在此处执行清理操作或提示用户 }); ``` #### 4. 使用 `popstate` 事件监听返回操作 通过监听 `popstate` 事件，可以在用户点击返回按钮时执行自定义逻辑，例如重新获取数据或更新页面状态： ```javascript window.addEventListener('popstate', function(event) { // 执行刷新逻辑 fetchData(); }); ``` 这种方式可以与 `history.pushState()` 配合使用，确保在返回操作时能够更新页面内容[^1]。 ### 总结 在使用 `history.goBack()` 时，页面未刷新是一个常见的问题。可以通过 `localStorage` 存储状态、强制页面重新加载、监听 `popstate` 事件等方式来解决。这些方法可以确保页面在返回时保持正确的状态或重新加载数据，从而提升用户体验。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值