javascript - 使用 Javascript history.go() 到真正的 "previous"页面

Question

假设我们有这样的历史:

 - Home
 - Page 1
 - Page 2

JS history.go(-1) 可以很好地转到第 1 页...但是如果我们当前的历史记录是什么

 - Home
 - Page 1
 - Page 2
 - Page 2 (2nd time)
 - Page 2 (3rd time)
 - ...
 - Page 2 (nth time)

我们如何使用 JavaScript 历史对象返回到Page 1？

Answer 1

您可以创建一个函数，该函数会对对象的属性执行 +1，然后您可以使用该值返回正确的步数

var History = {

    steps : 0

}

somenewpagelink.onclick = function() {

    History.steps = (parseInt(History.steps)+1);

}

然后如果你想回到第 1 页，简单地创建另一个函数:

function goBack() {

    History.go(-History.steps);
    History.steps = 0;

}

当您返回时，这些步骤将被重置，因此当您进一步浏览您的站点时，它不会返回很多步骤。

我确实认为使用 jQuery 是一个很好的解决方案，但不适用于可以使用原始 Javascript 轻松解决的小问题，如果将 jQuery 用于 1 个功能，它只会减慢您的网站速度。

此外，您还可以在其中添加一个开关，如果当您单击后退实际从第 3 页返回到第 1 页时，您也可以将其反转。

function goBack(r) {

    if (r)
        history.go(History.steps);
    else 
        history.go(-History.steps);
        History.steps = 0;

}

当然，此功能需要进行必要的调整才能达到预期的效果并且完全完美无瑕，但对于简单的实现，您可以使用它。