history对象back()、forward()、go()方法

最新推荐文章于 2022-09-28 11:08:45 发布
原创 最新推荐文章于 2022-09-28 11:08:45 发布 · 801 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Go

本文介绍了浏览器历史API中的back、forward及go方法的使用。通过这些方法，开发者可以控制浏览器返回上一页、前进到下一页或是跳转到指定的历史记录页面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

history.back()
功能：加载历史列表中的前一个URL（[color=red]后退[/color]）。

语法：history.back()

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

history.forward()
功能：加载历史列表中的下一个URL（[color=red]前进[/color]）。

语法：history.forward()

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

history.go()
功能：加载历史列表中的某个具体的页面。

语法：history.go(number)

参数：
number：要访问的URL在History的URL列表中的相对位置.

[color=red]-1代表前一个(forward)，0代表当前，1代表(back)后一个。[/color]
[color=red]
1(向后) <----- 0(当前) -----> -1(向前)
history.go(-1) == history.forward()
history.go(1) == history.back()
history.current, history.next
[/color]
第8章 BOM
笔触狂放的博客
01-10 664
浏览器对象模型（Brower Object Model，BOM）是浏览器提供的用于JavaScript与浏览器窗口进行交互的一系列对象。由于没有统一的BOM标准，每个浏览器都有自己的BOM实现方法，BOM的浏览器兼容性较差。常见的BOM对象有：在BOM中，顶级对象是window，表示浏览器窗口，其他对象都是window对象的属性。document对象表示文档，它既属于BOM又属于DOM；location对象用于操作浏览器地址；navigator对象用于获取浏览器的基本信息；
使用JavaScript的history对象来实现页面前进后退(go/back/forward)。
weixin_30611509的博客
02-04 553
我们都知道JavaScript有history对象，主要是用来记录浏览器窗口的浏览记录。但是，JS脚本是不允许访问到这个记录里面的内容（隐私）。 常见的用法是： history.back();//返回上一页，相当于浏览器上后退功能。 history.forward();//去到下一页，相当于浏览器的前进功能。 histoty.go(int);//去到指定的浏览历史记录页面。int是正的时候...
history对象back()、forward()、go()
weixin_33857230的博客
10-17 457
history对象back()、forward()、go()方法history.back() 功能：加载历史列表中的前一个URL（后退）。语法：history.back()调用该方法的效果等价于点击后退按钮或调用history.go(-1)。history.forward() 功能：加载历史列表中的下一个URL（前进）。语法：history.forward()调用该方法的效果等价于点击前进按钮或调...
调用浏览器中的前进和后退
ltg263的博客
08-14 2055
window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。 方法： history.back() - 加载历史列表中的前一个URL，这与在浏览器中点击前进按钮是相同的history.forward() - 加载历史列表中的下一个URL，这与在浏览器中点击前进按钮是相同的 实例: 代码如下:<html><butt
history对象
MrsRaining的博客
01-12 569
history对象用来存储历史浏览记录(URL)，并且提供了一系列属性和方法用来表示和操作这些记录。 其中存储历史浏览记录的规则为： 如图所示，当在同一个窗口进入不同的页面(URL)时，比如从page1进入page2，再进入page3，page4。此时，历史记录为page1-page2-page3-page4，如果后退到page2，再进入page5，page6。此时记录为pag
history 对象
weixin_52212950的博客
03-12 788
history 对象包含了三个方法，用于页面的跳转与返回（前进一个页面 与 后退一个页面，但要均是浏览过的） window 可省略！！！ window.history.forward()：前进到之前浏览的页面 window.history.back()：后退到之前浏览的页面 window.history.go( 参数 )：参数为1 则为前进，参数为-1 则为后退 window.history.forward()： 前进到之前浏览过的页面，但是浏览器记录里要先有浏览过这个页面的历史 ...
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
01-19
window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。 方法： history.back() – 加载历史列表中的前一个URL，这与在浏览器中点击前进按钮是相同的...
[removed]history.go()和History.back()的区别及应用
01-19
代码如下: <input type=button value=刷新 onclick=”[removed].reload()”>...input type=button value=前进 onclick=”window.history.forward()”> <input type=button value=后退 onclick=”window.h
javascript History对象原理解析
11-21
back() 方法相当于 go(-1)，前进到前一个页面，而 forward() 方法相当于 go(1)，前进到下一个页面。如果尝试移动到超出历史记录范围的位置，这些方法不会抛出错误，而是默默失败。值得注意的是，使用这些方法时，...
javascript history对象详解
12-09
2. **`back()`** 方法等同于 `history.go(-1)`，会将用户带回前一个页面。 3. **`forward()`** 方法等同于 `history.go(1)`，将用户带到下一个页面。 这些方法在超出历史记录范围时，不会抛出错误，而是简单地失败...
JavaScript history对象（back()、forward()、go()）
weixin_46990454的博客
12-15 5613
history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器
使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具
热门推荐
杨明金的博客
10-31 1万+
查看本章节 查看作业目录 需求说明： 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具 实现思路： 使用history对象中的 forward() 方法和 back() 方法实现前进和后退的功能 使用location对象中的 reload() 方法实现刷新功能 使用location对象中的 assign() 方法实现页面的加载功能 使用浏览器预览效果 实现代码： <!DOCTYPE html> <html> &lt
JavaScript基础题、练习题、考试题、面试题（二）
weixin_46010797的博客
02-28 5086
JavaScript基础题、练习题、考试题、面试题（二） 1.已知字符串"hello everybody "通过下面哪个方法可以去掉字符串两端的空白 A trim() B...
History对象的三个方法
m0_64707449的博客
09-28 1217
History对象的三个方法
php js history.back,使用JavaScript的history对象来实现页面前进后退(go/back/forward)。
weixin_33933280的博客
03-26 1288
我们都知道JavaScript有history对象，主要是用来记录浏览器窗口的浏览记录。但是，JS脚本是不允许访问到这个记录里面的内容(隐私)。常见的用法是：history.back();//返回上一页，相当于浏览器上后退功能。history.forward();//去到下一页，相当于浏览器的前进功能。histoty.go(int);//去到指定的浏览历史记录页面。int是正的时候，就是向前int...
JavaScript History 对象：浏览器访问历史，history.back()、history.forward()与history.go()方法
青鸟飞鱼
06-30 2059
http://www.5idev.com/p-javascript_history.shtml
JavaScript的history对象实现页面前进、后退、跳转
microcosmv的博客
07-16 1万+
History 对象的方法 方法 描述 back() 加载 history 列表中的前一个 URL forward() 加载 history 列表中的下一个 URL go() 加载 history 列表中的某个具体页面 个人理解是go内参数当前页面为0，前边打开的页面为负数，后面打开的页面为正数。 例1：实现a、b、c页面之间前进后退和跳转。a页面代码：<!DOCTY
JavaScript小技巧之如何在网页上使用history和forward
山里娃的专栏
09-28 1169
如何在网页上使用history和forward 　　我们来看一个可以让你浏览不同文件的语法，我们这儿所要谈的是 back() 和 forward()这两个函数， 如果你本身的文件中有一个连结是回到你本身文件的上一个连结文件的话，那和Netscope 浏览器 中所提供的back 按钮功能是不一样的。例如，在我的文件中，正常的连结连到某些我们认为会是这个文件来源的地方, 称　这 个连结叫 back
history.go(),history.back(),history.forward()
树洞树洞-单纯记录
03-23 1619
windows窗口对象（历史）history.go(),history.back(),history.forward() 因为windows对象引用不是必须的，所以windows.history.go() == history.go() go()方法只有一个参数，可以是整数、负数。如果是正数，就前进。负数就是后退。（相当于Forward和Back的区别） 后退一页：(后退多页，只需改变go的参数)
javascript:history.go()，back，forward可以一起使用吗？
最新发布
03-20
<think>好的，用户问的是关于JavaScript中的history.go()、back()和forward()是否可以一起使用。我需要先确认这三个方法的用途和区别。 首先，history.go()接受一个整数参数，表示跳转的页面数。比如history.go(-1)相当于back()，history.go(1)相当于forward()。而back()和forward()分别是go(-1)和go(1)的快捷方法。所以它们本质上都是调用go()，只是参数不同。 接下来，用户想知道是否可以一起使用。需要解释虽然它们可以同时存在于代码中，但浏览器执行顺序会影响结果。比如连续调用back()和forward()，可能互相抵消，导致页面没有变化。或者用go(-2)后再go(1)，结果相当于后退一页。 还要考虑同步和异步的问题。JavaScript是单线程的，这些方法会立即修改历史记录，但页面跳转会中断当前代码执行。所以连续调用可能不会按预期执行。例如，连续两次back()可能只会后退一次，因为第二个back()在页面卸载后无法执行。 最后，需要给出建议的使用场景。比如在用户点击按钮时单独使用某个方法，或者结合条件判断来组合使用，但要谨慎处理执行顺序。同时提醒用户注意浏览器安全限制，比如跨域问题可能阻止脚本跳转。 总结的话，这三个方法可以一起用，但实际效果可能不如预期，需注意执行顺序和页面跳转的影响。最好根据具体需求选择合适的单个方法，或在需要时组合使用并测试效果。</think>$\texttt{history.go()}$、$\texttt{back()}$ 和 $\texttt{forward()}$ 是 JavaScript 中操作浏览器历史记录的三个方法。它们可以组合使用，但需要注意执行顺序和实际效果。以下是逐层解析： --- ### 一、方法定义 1. $\texttt{history.go(n)}$ 参数为整数，表示跳转步数： - $\texttt{history.go(-1)}$ 等效于 $\texttt{back()}$ - $\texttt{history.go(1)}$ 等效于 $\texttt{forward()}$ - $\texttt{history.go(0)}$ 会刷新当前页 2. $\texttt{history.back()}$ 后退到上一个历史记录（等效 $\texttt{history.go(-1)}$） 3. $\texttt{history.forward()}$ 前进到下一个历史记录（等效 $\texttt{history.go(1)}$） --- ### 二、组合使用逻辑 #### 情况1：同步连续调用 ```javascript history.back(); history.forward(); ``` $\text{实际效果}$： 浏览器会执行后退操作，但随后立即执行前进操作，最终页面可能无变化（假设历史记录中存在后续页面） #### 情况2：异步调用 ```javascript setTimeout(() => history.back(), 1000); setTimeout(() => history.forward(), 2000); ``` $\text{实际效果}$： 先等待1秒后退，再等待1秒前进，最终完成两次跳转 #### 情况3：参数叠加 ```javascript history.go(-2); // 回退2步 history.go(1); // 前进1步 ``` $\text{最终等效}$：$\texttt{history.go(-1)}$（净回退1步） --- ### 三、核心注意事项 1. **执行顺序不可逆** 浏览器按代码顺序立即执行跳转，后续代码可能因页面卸载而中止 2. **页面刷新影响** 跳转后原页面的 JavaScript 执行环境会被销毁，后续代码不再运行 3. **安全限制** 跨域页面无法通过脚本操作其历史记录 --- ### 四、建议使用场景 1. 单个方法响应点击事件（如"返回"按钮对应 $\texttt{back()}$） 2. 通过条件判断组合使用： ```javascript if (needBack) { history.back(); } else { history.forward(); } ``` 3. 用 $\texttt{history.go()}$ 灵活控制多步跳转 --- ### 结论 三者可以组合使用，但实际效果需通过浏览器历史记录栈和代码执行顺序综合判断。建议优先使用单个方法实现核心需求，需要组合时务必测试具体跳转逻辑。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值