js不能跳转到上一页面的问题解决方法

在JavaScript中，通常使用`history.go(-1)`方法来实现页面的后退功能，即返回浏览器历史记录中的前一个页面。然而，当在页面B中触发了如Click、Change等事件导致页面回传（PostBack）时，`history.go(-1)`可能无法按预期工作，因为这些事件会更新页面状态，使得历史记录中的上一个页面不再是页面A。 这个问题的根源在于，每次页面回传，浏览器都会将当前页面视为一个新的历史条目，因此`history.go(-1)`实际上会回退到触发回传之前的那个状态，而不是页面A。为了解决这个问题，我们需要记录页面回传的次数，并根据这个次数来决定回退的步数。 解决方法是通过在页面B中添加一个控件来存储回传的次数。例如，可以使用一个文本框（TextBox）来保存这个数值，初始值设为1。当页面回传发生时，如Click或Change事件被触发，我们将这个数值加1。在HTML部分，我们可以看到一个按钮（Button）用于触发回退操作，以及一个文本框（TextBox）用于存储回传次数。JavaScript函数`goto()`读取这个文本框的值，将其转换为数字，并用`history.go(-n)`来回退相应步数。 在服务器端（如ASP.NET），在`Page_Load`事件处理程序中，我们检查是否是页面回传（`!IsPostBack`）。如果不是第一次加载（即页面回传），则将文本框的值增加1，表示回传次数加1。这样，无论在页面B上发生了多少次回传，`TextBox1.Text`都将反映出正确的回传次数。 以下是这个解决方案的关键代码段： ```html <asp:TextBox ID="TextBox1" runat="server" ToolTip="放一个控件保存页面回传次数">1</asp:TextBox> <input id="Reset1" type="button" value="reset" onclick="goto()" /> ``` ```javascript function goto() { var n = document.getElementById("TextBox1").value; var n = Number(n); history.go(-n); } ``` ```csharp protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { this.TextBox1.Text = "1"; } else { this.TextBox1.Text = Convert.ToString(Convert.ToInt16(this.TextBox1.Text) + 1); } } ``` 通过这种方法，无论用户在页面B上触发了多少次回传，只需点击“返回”按钮（或者调用`goto()`函数），都能准确地回到页面A。这种技术对于处理涉及多次交互和回传的复杂网页逻辑非常有用，确保用户能够正确地在页面间导航。