现在的位置: 首页 > 综合 > 正文

利用javascript,根据confirm选择动态跳转页面

2013年08月14日 ⁄ 综合 ⁄ 共 1560字 ⁄ 字号 评论关闭

前台页面代码

url1 和 url 是在后台设置的变量。前台根据情况,利用javascript选择跳转页面。

在服务器端控件(asp:button)上设置OnClientClick事件,调用脚本函数confirmRedirect后,"return false;"可禁止该控件响应后台OnClick事件。

  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <script language="javascript" type ="text/javascript">
  4.    function confirmRedirect()
  5.    {
  6.       var result = confirm("Are you sure?"); 
  7.       alert(result); 
  8.       if(result=="true")
  9.       {
  10.         window.location.href='<%= url1 %>';
  11.       }
  12.       else
  13.       {
  14.           window.location.href='<%= url2 %>';
  15.       }
  16.    }
  17.   
  18. </script>
  19. <html xmlns="http://www.w3.org/1999/xhtml" >
  20. <head runat="server">
  21.     <title>Untitled Page</title>
  22. </head>
  23. <body>
  24.     <form id="form1" runat="server">
  25.     <div>
  26.     <asp:Button ID="btnOK" runat="server" Text="OK" OnClientClick="confirmRedirect();return false;" OnClick="btnOK_Click" />
  27.     </div>
  28.     </form>
  29. </body>
  30. </html>

后台代码

url1 和 url2 可在后台动态赋值。若设置return false,当点击Buttion时 page_load 和 btnOK_Click事件都不会响应。

 

  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;
  10. public partial class _Default : System.Web.UI.Page 
  11. {
  12.     protected string url1 = "a.html";
  13.     protected string url2 = "b.html";
  14.     protected void Page_Load(object sender, EventArgs e)
  15.     {
  16.     }
  17.     protected void btnOK_Click(object sender, EventArgs e)
  18.     {
  19.     }
  20. }

抱歉!评论已关闭.