LinkButton的OnClientClick属性

叶光华

2023-12-01

. 定义和用法
On ClientClick 属性用于设置在 LinkButton 控件被点击时要运行的客户端脚本。

除了预定义脚本之外，在该属性中规定的脚本可通过 LinkButton 的 "OnClick" 事件来运行。

2. 语法
<asp:LinkButton OnClientClick="func" runat="server" />

属性描述
func 当 LinkButton 被点击时，要运行的客户端脚本。

3.举例

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>LinkButton举例</title>
<script type="text/javascript">
function script1()
{
    return confirm('Hello,World!');
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:LinkButton ID="LinkButton1"
                        runat="server"
                        OnClientClick="script1() ">Click Me
        </asp:LinkButton>
    </div>
    </form>
</body>
</html>

运行结果如下:

当点击"Click Me"按钮时,会弹出一个对话框,上面显示:Hello,World!

总结: 以上LinkButton控件转换成的客户端的标签如下：

<a href="javascript:__doPostBack('LinkButton1','')">Click Me </a>

另外，也可通过如下方式实现以上功能

Default.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

//两个方法任选其一

        LinkButton1.Attributes["OnClick"] = "return confirm('Hello,World.')";
        //LinkButton1.Attributes.Add("OnClick", "javascript:return confirm('是否确认删除！')");
    }
}

<%@ page language="C#"%>
<script runat="server">
  
void LinkButton1_Click (object sender, EventArgs e)
  {
    Label1.Text = "Thank you for visiting our site.";
  }
  
</script>
<html>
<head id="Head1" runat="server">
    <title>LinkButton.OnClientClick Example</title>
</head>
<body>
  <form id="form1" runat="server">
    
    <h3>LinkButton.OnClientClick Example</h3> 
     
      <br />
      
      <h4>Click to navigate to Microsoft.com:</h4>     
      
      <br />
        
      <asp:linkbutton id="LinkButton1"
       text="Open Web site"
       onclientclick="Navigate()"
       οnclick="LinkButton1_Click"
       runat=Server />
       
       <br /><br />
       
      <asp:label id="Label1"
        runat=Server>
      </asp:label>

    </form>
    
    <script language=javascript>
      function Navigate()
      {
        javascript:window.open("http://www.microsoft.com");
      }    
      
    </script>
</body>
</html>

LinkButton的OnClientClick属性

相关阅读

相关文章

相关问答

相关文档