页面跳转

一、<a>标签

<a href=”test.aspx”></a>

这是最常见的一种转向方法

二、HyperLink控件

1. Asp.net 服务器端控件属性NavigateUrl指定要跳转到的Url地址

2. NavigateUrl是可以在服务器端使用代码修改，这个区别于<a>

3. 由于HyperLink本身没有事件所以要在服务器端其它事件中设置NavigateUrl

4. 代码示例：

<Asp:HyperLink id=”hyperlink” runat=”server” NavigatoeUrl=”test.aspx”>ok</Asp:HyperLink>

三、Response.Redirect()方法

1. 过程：发送一个Http响应到客户端，通知客户端跳转到一个新的页面，然后客户端再发送跳转请求到服务器端。

2. 页面跳转之后内部控件保存的所有信息丢失，当A跳转到B，B页面将不能访问A页面提交的数据信息。

3. 使用这个方法使用这个方法跳转后浏览器地址栏的Url信息改变

4. 可以使用Session Cookies Application等对象进行页面间的数据传递

5. 重定向操作发生在客户端，总共涉及到两次与Web服务器的通信：一次是对原始页面的请求，另一次是重定向新页面的

请求

Response.Redirect("Default.aspx");

四、Server.Transfer()方法

1. 实现页面跳转的同时将页面的控制权进行移交

2. 页面跳转过程中Request Session等保存的信息不变，跳转之后可以使用上一个页面提交的数据

3. 跳转之后浏览器地址栏的Url不变

4. 这种方法的重定向请求是在服务器端的进行的，浏览器不知道页面已经发生了一次跳转

Server.Transfer("Default.aspx");

五、Server.Execute()方法

1. 该方法允许当前页面执行同一个Web服务器上的另一个页面

2. 页面执行完毕之后重新回到原始页面发出Server.Execute()的位置。

3. 这种方式类似针对页面的一次函数调用被请求的页面可以使用原始页面的表单数据和查询字符串集合

4. 被调用页面的Page指令的EnableViewStateMac属性设置为False

string str = "<script language=javascript>history.go(-2);</script>";
Response.Write(str);

PS:

1. 为了确保HTML输出的合法性最好使用Response.Redirect方法;因为Server.Execute 或者Server.Transfer方法返回给客户端的页面包含多个<Html><body>标记，不是合法的HTML页面，在非IE浏览器中可能会发生错误。

2. 由于Server.Transfer在服务器端执行重定向，所以避免了不必要的网络通信，从而获得了更好的性能和浏览效果。

打开新界面：

Response.Write(" <script> window.open( 'Default.aspx '); </script> ");

各种js页面跳转代码

第一种：

Javascript代码

    <script language="javascript" type="text/javascript">   
    window.location.href="login.jsp?backurl="+window.location.href;   
    </script>   

<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>

第二种：

Javascript代码

    <script language="javascript">   
    alert("返回");   
    window.history.back(-1);       
    </script>  

<script language="javascript"> alert("返回"); window.history.back(-1);    </script>

第三种：

Javascript代码

    <script language="javascript">   
    window.navigate("top.jsp");      
    </script>   

<script language="javascript"> window.navigate("top.jsp");   </script>

例子：：：后台：

Response.Write(" <script language=javascript> window.navigate('Default.aspx'); </script> ");

第四种：

<script language="JavaScript">          
self.location=’top.htm’;   
</script>

第五种：

Javascript代码

    <script language="javascript">              
    alert("非法访问！");              
    top.location=’xx.jsp’;       
    </script>   

<script language="javascript">           alert("非法访问！");           top.location=’xx.jsp’;    </script>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝

Javascript代码

    <script language="javascript">   
    <!--   
    function logout()...{   
    if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{   
    window.location.href="logout.asp?act=logout"   
    }   
    }   
    -->   
    </script>   

<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>

＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝

Javascript代码

    <script language="javascript">   
    <!--   
    function logout()...{   
    alert("你确定要注销身份吗？");   
    window.location.href="logout.asp?act=logout"   
    }   
    -->   
    </script>   

<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗？"); window.location.href="logout.asp?act=logout" } --> </script>

后退一页

Html代码

<input type="button" value="返回" onClick="javascript: history.go(-1)">

前进一页:

Html代码

<a href="javascript:history.go(+1)">Go Foward</a>

刷新(当前页加载url页面)：

Javascript代码

window.location.href=url

刷新(顶级框架加载url页面)：

Javascript代码

top.location.href=url

框架刷新

Html代码

"javaScript:window.parent.frames.manframe.location.reload()"

页面跳转

近期在学习高手的一个项目，页面跳转用了好多方法，搞得我焦头烂额，在高手的指点下，终于搞明白了：
页面跳转一般分为两大类：服务器端跳转和客户端跳转，其一般的形式为：

如果你要在服务器端跳转，可以这样：

Response.Redirect("WebForm1.aspx");

Response.End();

如果你要在客户端跳转，可以这样：

window.location.href="WebForm1.aspx";;

</script>

如果你要让页面显示几秒钟之后跳转，可以在html代码的<head></head>部分加上这样的代码：

（3秒钟后自动跳转到WebForm1.aspx页面)
以上是实现页面跳转的基本方法，现在来看一个例子：我们定义一个页面，页面Html如下：

<body>

<div>

<asp:Button ID="Button1" runat="server" Text="JS跳转" OnClick="Button1_Click" />

<asp:Button ID="Button2" runat="server" Text="CS跳转" OnClick="Button2_Click" />

</div>

</form>

</body>

在页面中我定义了两个跳转按钮，其后台代码如下：

protected void Button1_Click(object sender, EventArgs e)

{

Js_ShowMessage("我要跳转了");

Js_Redirect("WebForm1.aspx");

}

protected void Button2_Click(object sender, EventArgs e)

{

Js_ShowMessage("我要跳转了");

Response.Redirect("WebForm1.aspx");

}

private void Js_ShowMessage( string message)

{

Response.Write("<script language=javascript>alert(\"" + message.Replace("\r\n", "\\n") + "\")</script>");

}

private void Js_Redirect(string url)

{

Response.Write("<script language=javascript>window.location.href='" + url + "'</script>");

}

    这两种跳转会有什么差别呢？通过执行代码，当触发Button1的click事件时，页面是先显示了一段信息（“我要跳转了”）后，跳转到别的页面，而触发Button2的click事件的时候，页面直接跳转，并没有显示我们所要求的信息。这是为什么呢？我们明明是要求在显示一段信息后，在跳转的阿。
    原来，用Response.Redirect实现页面跳转的时候，客户段仅仅是读取了服务器端发送页面的头部，便执行了跳转，并没有执行页面中的JS代码，因此没有显示我们所要求显示的信息。二用JS跳转，客户段执行了服务器端发送的页面的js代码，因此是先显示了一段代码后，再实现的跳转。
    由此我们可以看出，用Response.Redirect实现页面跳转，比用JS要节省资源。因此我们在后台执行一段代码后要求页面跳转的时候，尽量用Response.Redirect实现页面跳转。
    但是，有这么一种情况：我要删除某一项信息，删除完毕后，我要求先提示一段信息，告诉我信息删除完毕，然后在跳转到别的页面。这时，用Response.Redirect显然是不能实现的，只能用JS实现页面的跳转。
    总结：在后台执行一段代码后要求页面跳转的时候，用Response.Redirect实现页面跳转。
            在后台执行一段代码，并显示一条提示信息后要求页面跳转的时候，用Response.Redirect实现页面跳转。
这里在讨论下button控件的onClientClick事件：如下代码：

<asp:Button ID="Button2" runat="server" Text="CS跳转" OnClick="Button2_Click" OnClientClick="alert('我要跳转了');return true;" />

<asp:Button ID="Button2" runat="server" Text="CS跳转" OnClick="Button2_Click" OnClientClick="alert('我要跳转了');return false;" />

在onClientClick（）事件中，return false 和return true 有什么区别呢？通过执行代码，可以知道：
当return false时，并不执行页面的后台代码。
当return true 时，是要执行页面的后台代码的。
这和js中的Confirm对话框是一样的。
这样，我们要求先显示一段信息，再执行一段后台代码，在实现页面跳转的时候，可以在Button加上onClientClick事件。

（PS：各种转）

posted @ 2012-08-21 15:38 心随风若阅读(8578) 评论(0) 编辑收藏举报

刷新页面返回顶部