如何使用 href="#id" 返回上一页跳过内页导航。使用 javascript答案

【问题标题】：How to go back to the previous page skipping inner page navigation with href="#id". Using javasctip如何使用 href="#id" 返回上一页跳过内页导航。使用 javascript
【发布时间】：2018-02-06 14:15:55
【问题描述】：

我是 javascript 和 Web 开发的新手。我正在寻找一种从当前页面跳过所有内页导航返回上一页的方法。

我知道后退功能可以通过 window.history.back();或 window.history.go(-1);

但这只会让我回到最后一个内页导航，如果我做过的话。

例子

假设我来自 www.firstpage.com，目前我在 www.secondpage.com。该页面提供了用于在该页面内导航的链接。假设我已经通过以下路径导航。

www.secondpage.com#id1 --> www.secondpage.com#id2

所以我当前的 URL 是 www.secondpage.com#id2，现在我想回到 www.firstpage.com。返回功能只会带我到 www.secondpage.com#id1

【问题讨论】：

你总是可以用 window.location.href 强制
www.firstpage.com 是一个例子，可以通过多种方式访问 www.secondpage.com，因此不能使用 window.location.href。感谢您的评论

标签： javascript html browser cross-browser

【解决方案1】：

在互联网上进行一些研究后，我意识到没有直接的方法可以做到这一点。所以我实现了自己的方法。单击后退选项时，我调用了“goBackContinue”方法，该方法以 50mils 间隔连续调用“goBack”，该方法调用 window.history.back();。所以它会不断地支持用户，直到他离开页面。以下是代码

<!DOCTYPE html>
<html>
<body>
<button onclick="goBackContinue()">Go Back</button>


<script>

function goBackContinue(){
var myVar = setInterval(function(){ goBack() }, 50);

}
function goBack() {
    window.history.back();
}
</script>

</body>
</html>

【讨论】：