一个不使用 history() 的智能 Javascript 后退按钮

Question

我在一个平台上开发，该平台对如何实现正确的后退按钮有一些限制。

所以我需要创建一个按钮，而不仅仅是 "javascript:history.back()"

让我解释一下：

page1...点击进入...
page2...填写字段并提交给自己...
page2?something=else...这里是需要返回按钮的地方

在 page2?something=else 我希望后退按钮将用户带回 page1

page1 = 可以是任何页面（所以不能直接链接）

是否有一个函数可以在提交页面时知道 URL 的变化并记住 URL？

如果您想了解更多信息，请告诉我。

谢谢

Answer 1

实现此目的的一种方法是在 page2 上提交表单。它通常会向自己提交表单，您的脚本将拦截提交操作并替换历史记录中的当前项目。为此，您需要重构查询字符串值：

myForm.onsubmit = function () {
    var url = this.action,   // The URL where the form is submitted
        els = this.elements, // A list of all the input elements
        qs  = "?",           // The query string we're constructing
        enc = function (s) { // Function for encoding
            return encodeURIComponent(s).replace(/%20/g, "+");
        };

    for (var i=0, max = els.length; i < max; i++) {
        if (els[i].disabled || !els[i].name)
            continue;

        qs += enc(els[i].name) + "=" + enc(els[i].value) + "&"; 
    }

    // chop off the final ampersand
    qs = qs.slice(0, -1);

    // Replace the current entry in the history
    window.location.replace(action + qs);

    // Cancel the default form submission
    return false;
}

它可能需要稍微改进以满足您的需求，但您大致了解。现在浏览器的后退按钮和您自己的后退按钮都应该返回到page1。但是，这种方法不适用于 POST 提交。

Answer 2

有几种不同的方法可以解决这个问题。

其中第一个取决于Page1 和page2?something=else 之间的历史记录页数始终相同的假设。

javascript: window.history.go(-2)

注意 -2 这告诉浏览器要返回多少页。

第二种更费力但最终更可靠的选择是将当前用户的面包屑（即他们已经过境的页面）存储在会话中，然后使用会话数据构建您的反向链接.

第三种选择是将反向链接应指向的页面/地址作为发布/获取参数传递到所有页面。当用户点击显示反向链接的页面时，您可以使用该数据构建反向链接。

第四个选项是将第一个与第二个或第三个解决方案结合起来。即在 session/get/post 上传递历史计数，然后使用它来填充进入 Javascript .go(x) 函数的数字