使用 JavaScript 的返回行为

Question

我已经为后退按钮写了 JavaScript，我的 HTML 是

<a onclick="goBack()" href="javascript:">

和

function goBack() {
    window.history.back(1);
}

我的路径是：

首页->A页->B页

当我尝试从页面 B 重定向到 A 时它工作正常但问题是当我点击页面 A 上的后退按钮时它把我带到页面 B 而不是主页。

那么我该如何解决这个问题呢？它如何存储历史记录？？？？

Answer 1

历史并不像您想象的那样。当您导航（或重定向）到一个新页面时，新页面会添加到历史记录中，即使它已经存在于历史记录中。换句话说，浏览器 而不是 搜索历史记录中的新页面，并假设您真的想返回那里；相反，新页面被添加到历史记录中。所以：

ACTION               HISTORY
============================
start at home        home
navigate to A        home A
navigate to B        home A B
redirect to A        home A B A  <=== A is added to history
back                 home A B A
                            ^

因此，back 正如预期的那样让您回到 B。

顺便说一下，back 就是没有参数的 back。你可能想要 history.go。但这不是你的问题。

Answer 2

我已将 history.go(-1) 在正确构建应用程序后继续运行。因此，如果有任何问题像我一样，那么我的建议是请正确构建您的应用程序。当您在浏览器上进行测试时，它的工作原理和一些它也不支持的方式。

使用 JavaScript 的返回行为

Back behavior using JavaScript

javascript

browser-history