ASP.NET中实现返回上一页的六种JavaScript方法详解

ASP.NET返回上一页的六种实现方案

方法一：

方法一：HTML控件直接调用

在ASP.NET的aspx页面源码中直接嵌入HTML控件即可实现。

<input type="button" onclick="javascript:window.history.go(-1);" value="返回上一页">

原理分析：该方法利用HTML按钮的onclick事件触发JavaScript的history.go(-1)函数。这是最基础且通用的方式，同样适用于静态HTML页面或传统ASP页面。

方法二：后台Response.Write输出脚本

方法二：

利用Response.Write输出脚本。

熟悉ASP开发的读者对Response.Write并不陌生。与方法一在前端HTML中实现不同，此方法是在服务器端后台代码中动态生成并输出JavaScript脚本。

 
Response.Write("<script language=javascript>history.go(-2);</script>");
<a href="#" onclick="javascript:history.back();">返回前一页</a>

此处为何使用-2而非-1？在ASP.NET页面中，点击按钮会触发Page.PostBack机制，导致页面刷新两次。使用-2可以跳过当前页面的刷新记录，准确回到点击按钮前的上一页。

方法三：利用ViewState和Request.UrlReferrer

方法三：

利用Response.Redirect()或Server.Transfer()进行重定向。

在Page_Load事件中执行以下逻辑：

if(!IsPostBack)

ViewState["retu"]=Request.UrlReferrer.ToString();

在返回按钮的点击事件中执行：

Response.Redirect(ViewState["retu"].ToString());

或Server.Transfer(ViewState["retu"].ToString());

原理分析：

Request.UrlReferrer属性用于获取客户端上一次请求的URL信息。使用此属性时，建议先进行非空判断以确保稳定性。

if(ViewState["UrlReferrer"]!=null)

Response.Redirect(ViewState["UrlReferrer"].ToString());

else

Response.Write("对不起，当前是最前页码");

增加判断逻辑可使返回操作更加健壮。

使用Request.UrlReferrer时需注意以下限制：

1. 如果上一页面通过document.location方法导航到当前页面，Request.UrlReferrer将返回空值。

2. 若存在A、B两个页面，用户在浏览器中直接请求A页面，并在A页面的Page_Load事件中导航至B页面，则Request.UrlReferrer返回空。这是因为Page_Load执行时页面尚未完全初始化，无法记录当前页信息，导致导航至B页面时无法获取上一页信息。

3. 点击刷新按钮不会改变Request.UrlReferrer的值。

方法四：RegisterClientScriptBlock注册脚本

方法四：

此方法较少见，但经过测试效果良好。

在Button的onClick事件中编写代码：

this.RegisterClientScriptBlock("e", "<script language=javascript>history.go(-2);</script>");

同样可以实现返回上一页的功能。

方法五：服务端变量获取URL

方法五：

 
<a href=<%=request.servervariable("http_Referre)%>
<asp:image id="imageback" visible = true" imagurl="上一页" runat="server"/></a>

方法六：带提示信息的多种跳转方式

方法六：

 
Response.Write("<script>alert('提示信息');history.back()</script>");
Response.Write("<script>alert('提示信息');top.location.href='" + PageURL + "'</script>");
Response.Write("<script>alert('提示信息');window.location.href='" + PageURL + "'</script>");
Response.Write("<script>alert('提示信息');window.location=window.location;</script>");

补充说明：使用JavaScript实现与Response.Redirect()存在细微差别。若需保留表单中已填写的数据，应使用history.go()；若只需直接返回且无需保留操作状态，则可使用Response.Redirect()。