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

Question

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

我知道后台功能可以通过 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

Answer 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>

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

How to go back to the previous page skipping inner page navigation with href="#id". Using javasctip

html

javascript

browser

cross-browser