解决ASP.NET页面回传后JS history.go(-1)失效问题

ASP.NET页面回传导致history.go(-1)失效的原因

假设存在页面A和页面B，从A跳转至B后，若未触发任何页面回传操作，使用JavaScript的history.go(-1)即可返回A页面。然而，如果B页面中发生了Click、Change等事件导致页面回传（Postback），此时再使用history.go(-1)将无法正确返回A页面。

为解决此问题，需要记录页面回传的次数N，然后在JavaScript中使用history.go(-n)来返回A页面。

在B页面中放置一个控件，用于记录页面回传的次数，初始值设为1。

  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<script>
function goto() {
var n=document.getElementById("TextBox1").value;
var n=Number(n);
history.go(-n);
} 
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
<input id="Reset1" type="button" value="reset" onclick="goto()"/>
<asp:TextBox ID="TextBox1" runat="server" ToolTip="放一个控件保存页面回传次数">1</asp:TextBox>
</div>
</form>
</body>
</html>

B页面后端C#代码逻辑如下：

 
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);
} 
} 

通过上述方式，无论从A页面跳转到B页面后在B页面执行何种操作或发生多少次回传，点击【返回】按钮时，均可准确跳回页面A。

源码下载