• 页面跳转


    一、<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();

    如果你要在客户端跳转,可以这样:

    <script language="javascript" type="text/javascript">
    window.location.href
    ="WebForm1.aspx";;
    </script>

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

    <meta http-equiv="refresh" content="3"; url="WebForm1.aspx">
    (3秒钟后自动跳转到WebForm1.aspx页面)
    以上是实现页面跳转的基本方法,现在来看一个例子:我们定义一个页面,页面Html如下:
    <body>
        
    <form id="form1" runat="server">
        
    <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:各种转)
  • 相关阅读:
    break的标签的用法
    Java中空串和null串的区别
    JS标签的各种事件的举例
    PHP对象和接口抽象类注意事项
    对于JDBC数据库的初始化操作
    【VS开发】利用VS2015的工程文件来复制另外一个工程的配置的使用说明
    【VS开发】利用VS2015的工程文件来复制另外一个工程的配置的使用说明
    【神经网络与深度学习】caffe静态链接库“Unknown layer type: Convolution (known types: )”和“ 磁盘空间不足”问题的解决办法
    【神经网络与深度学习】caffe静态链接库“Unknown layer type: Convolution (known types: )”和“ 磁盘空间不足”问题的解决办法
    【VS开发】Caffelib中出现的问题:强制链接静态库所有符号(包括未被使用的)
  • 原文地址:https://www.cnblogs.com/LifeKingcn/p/2649190.html
Copyright © 2020-2023  润新知