使用框架页面的跳转 转

转自http://www.cnblogs.com/solomon_Blog/

"

在Asp.NET使用框架页面的时候,常常在框架内部页面中进行跳转,但是我们常常也会遇到这样的一种情况:即我们需要跳转的不只是部分框架的页面,而是将整个主页面进行跳转,比如在框架左侧页面中操作的时候,需要跳转到登陆页面等等。 
    这种情况下的跳转其实跟HTML中进行主框架的跳转是一样的,在早期使用HTML的时候,我们使用Javascript,在Asp.net中,后台代码可以为:

     Response.Write("<script>parent.location='login.apsx';</script>");   
     Response.Write("<script>top.location='login.apsx';</script>");   
     Response.Write("<script>parent.document.location.href='login.apsx';</script>");

那当我们不仅需要转移框架页面,还需要传递参数,那么传参跳转的语句显然既可以使用QueryString在跳转的URL后面加“?XX='XXXXX'”即可,也可以使用Session来实现。

问题解决了,我们来引申一下:

    如果我们要跳转的不是主框架页面了,而是右边甚至于是框架中的任意一个页面,那么该如何呢?

答案其实也很简单,我们再来仔细研究下我们上面列出来的三条跳转语句,都是使用的获取Documnet中的父层的框架对象,然后进行跳转,那我们其实只要使用我们熟悉的Javascript获取到相应的要跳转的框架对象进行跳转,至于传参嘛,那就跟上面是完全一样了哦!  
        我们来看下示例:

Response.Write"<script   language='javascript'>window.location='left.aspx';parent.rightframeName.location='right.aspx'</script>"); 
    实现跳转了吗?是的,恭喜了,但是这样OK了吗?还没有...   
    我们发现,这样进行跳转的时候,左边的框架确实是跳转了,但是右边的框架也随即跟着刷新了,右边页面中所作的一些改动也都被重置掉了,这可不是我们想要的结果,那么怎么办?再往下看:  
    我们都知道,在HTML时代是不存在这个问题的,为什么呢?嘿嘿,因为那是HTML控件,使用的JavaScript客户端代码,因此它不会回发服务器,那么我们是不是可以也使用HTML控件,然后再在它的onclick时间中实现呢?  当然是可以的,你不要跟我说你用的是服务端控件,你要在后台代码里实现哦,在LOAD时间里AddAttributes方法添加一个onclick事件就OK了的。  
       我在网上赚了一圈,还发现一个牛人提出来的方法,看完之后不得不提一下HTML中的target ,具体内容?白度上自己摆一把去~  
  我这里就把牛人的方案照搬过来了阿:

  假设左框架为   frmLeft,右框架为   frmRight  
   
  <frame   name="frmLeft"   src="left.aspx">  
  <frame   name="frmRight"   src="right.aspx">  
   
  关于左右框架间的数值传递有几种方法:  
   
  第一种:不提交服务器,在客户端实现  
   
  left.aspx   中的代码  
   
  <INPUT   onclick="HandToRight()"   id="Button1"   value="Button"   name="Button1">  
  <script   language=javascript>  
  <!--  
  function   HandToRight()  
  {  
        var   para   =   document.getElementByIdx("TextBox1").value;  
        window.parent.frmRight.location.replace("right.aspx?p="+para);  
  }  
  //-->  
  </script>  
   
  此方法通过   URL   传参数,不安全  
   
   
  第二种,用   POST   的方法,left.aspx   的代码,注意   form   的   target    
   
  <form   id="Form1"   method="post"   runat="server"   target   ="frmRight">  
   
  编写提交按钮事件  
  Session["ID"]=TextBox1.Text;  
  Response.Redirect   ("right.aspx");  
   
  此方法较安全,但多一个往返   

"

第一次接触到框架, 贴一个自己的例子, 可行

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AdminDefault.aspx.cs" Inherits="shangchengf.Admin.AdminDefault" %>

<!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>
</head>
<frameset cols="100,*" frameborder="no" border="0" framespacing="0" >
<frame src="left.aspx" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="Adminhome.aspx" name="Adminhome" id="Adminhome" title="Adminhome" />
</frameset>
<noframes></noframes>
<body>
<form id="form1" runat="server">
<div>

</div>
</form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="left.aspx.cs" Inherits="shangchengf.Admin.left" %>

<!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>
</head>
<body>
<script type="text/javascript">
function check1(){
parent.document.getElementById(
"Adminhome").src="Adminhome.aspx"
}
function check2(){
parent.document.getElementById(
"Adminhome").src="UserManagement.aspx"
}
function check3(){
parent.document.getElementById(
"Adminhome").src="GeneralEditor.aspx"
}
function check4(){
parent.document.getElementById(
"Adminhome").src="NewsEditor.aspx"
}
function check5(){
parent.document.getElementById(
"Adminhome").src="ProductEditor.aspx"
}
function check6(){
parent.document.getElementById(
"Adminhome").src="OrderEdit.aspx"
}
function check7(){
parent.document.getElementById(
"Adminhome").src="ProfileEdit.aspx"
}

function check8(){
parent.document.location.href
='../User/Default.aspx'
}
</script>
<form id="form1" runat="server">
<div>
<div>
<a href="#this" onclick="javascript:check1()">后台首页</a>
<a href="#this" onclick="javascript:check2()">用户管理</a>
<a href="#this" onclick="javascript:check3()">常识编辑</a>
<a href="#this" onclick="javascript:check4()">新闻编辑</a>
<a href="#this" onclick="javascript:check5()">产品编辑</a>
<a href="#this" onclick="javascript:check6()">订单编辑</a>
<a href="#this" onclick="javascript:check7()">简介编辑</a>
<a href="#this" onclick="javascript:check8()">返回前台</a>
</div>
</div>
</form>
</body>
</html>
posted @ 2011-06-14 03:13  ndxsdhy  阅读(3624)  评论(0编辑  收藏  举报