如何使用 JavaScript 让浏览器返回上一页?
有两种流行的方法可以通过单击 JavaScript 事件使浏览器返回上一页,这两种方法描述如下:
方法一:使用history.go() 方法: window.history对象的go()方法用于从会话历史中加载页面。它可用于使用 delta 参数的值向前或向后移动。正的 delta 参数意味着页面将在历史记录中前进。同样,负 delta 值会使页面返回到前一页面。
此方法可以与“-1”一起使用作为增量值以返回历史记录中的一页。 onclick 事件可以通过返回历史一页的方法来指定。
句法:
window.history.go(-1)
注意:如果我们想返回不止一步,则将 delta 的值从“-1”增加到您想要的值。
例子:
Page 1
How to make browser to go back to
previous page using JavaScript ?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 1
Click on the link to get
to the second page.
Go to Page 2
Page 2
How to make browser to go back to
previous page using JavaScript ?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 2
Click on the button to go back
to the previous page.
Page 1
Onclick javascript to make browser go
back to previous page?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 1
Click on the link to get
to the second page.
Go to Page 2
Page 2
Onclick javascript to make browser
go back to previous page?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 2
Click on the button to go
back to the previous page.
输出:
- 在点击链接之前:
- 点击链接后:
- 点击按钮后:
方法二:使用history.back()方法: window.history对象的back()方法用于返回当前会话历史中的上一页。如果没有上一页,这个方法调用什么也不做。
可以使用此方法指定 onclick 事件以返回历史记录中的一页。
句法:
window.history.back()
例子:
第 1 页
Onclick javascript to make browser go
back to previous page?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 1
Click on the link to get
to the second page.
Go to Page 2
第2页
Onclick javascript to make browser
go back to previous page?
GeeksforGeeks
Onclick javascript to make browser
go back to previous page?
Page 2
Click on the button to go
back to the previous page.
输出:
- 在点击链接之前:
- 点击链接后:
- 点击按钮后: