单击浏览器后退按钮时返回上一页上的上一个位置答案

【问题标题】：Go Back to the Previous Location on Previous Page when Clicking Browser Back Button单击浏览器后退按钮时返回上一页上的上一个位置
【发布时间】：2017-10-07 00:16:49
【问题描述】：

这就是我想要实现的：

在a页，点击链接，进入b页，从头开始显示b页的所有内容。点击浏览器返回按钮，返回页面a并显示链接位置的内容。

这是我现在得到的：

它发生在两个 aspx 页面之间，

1、首页http://xxxx/default.aspx#project/page/home有一个链接TEST

2、所以当我点击这个链接时，它会跳转到http://xxxx/default.aspx#project/page/test。但似乎浏览器会记住 page/home 上的链接位置并直接跳转到 page/test 上的相同位置，而不是从一开始就显示所有内容。

3、当我点击浏览器后退按钮，到上一页时，也无法回到那个链接位置。

附加信息：我将 TEST 更改为 TEST，效果很好。所以我认为这是因为 aspx 页面和主题标签。

我试过这个，它会导致同时显示两个页面（一个在左边，一个在右边） Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button

请帮忙，谢谢。

【问题讨论】：

http://xxxx/default.aspx#project/page/home 和 http://xxxx/default.aspx#project/page/test 都是同一个页面 - default.aspx
@JenR，非常感谢您的回复。你碰巧知道一种方法来实现我想要的吗？即使它们是一页。

标签： javascript html asp.net browser back-button

【解决方案1】：

要使用<a> 标记重新定位页面，您需要有一个具有id 属性的元素与链接中# 后面的文本相匹配：

<!DOCTYPE html>
<html>
<body>

<h2 id="thetop">Top of page!</h2>

<p>Text here</p>

<a href="#thetop">Go to top</a>
</body>
</html>

在 HTML5 之前，这是通过另一个包含 name 属性的 <a> 完成的：

<!DOCTYPE html>
<html>
<body>

<a name="thetop">Top of page!</a>

<p>Text here</p>

<a href="#thetop">Go to top</a>
</body>
</html>

【讨论】：