VS.NET(C#)-2.11_web客户端事件

web客户端事件

ASP.NET的核心是服务器端处理，也存在一定缺陷，主要问题：任何处理开始之前，都必须回传到服务器。

客户端处理可为用户行为提供及时响应。

<script language="javascript"type="text/javascript">

    functionButtonTest()

    {

        alert("ButtonClick - client side processing");

    }

   

    functionDoChange()

    {

        document.getElementById("btnSave").disabled =false;

    }

</script>

某些ASP.NET服务器控件使用客户端脚本，来提供用户行为响应，而不需要回传到服务器端，例如，验证控件下载脚本到浏览器。

 

ASP.NET服务器控件中的Button控件

它包含一个OnClientClick属性，该属性允许指定客户端脚本，单击时执行。

<asp:Button ID="btnServer"runat="server"Text="ASP.NETButton"  OnClientClick="ButtonTest();"OnClick="btnServer_Click1"  />

 

HTML服务器控件中的Button控件

        <input id="btnHTML"type="button"value="HTMLbutton" runat="server" onclick=" ButtonTest();" onserverclick="btnHTML_ServerClick"/>

        输入框文本改变，启用按钮（btnSave）

   <input id="txtHTML"type="text"runat="server"onchange="javascript:DoChange();"/>

 

UI服务器端代码

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

usingSystem.Web.UI.WebControls;

usingSystem.Web.UI.WebControls.WebParts;

usingSystem.Web.UI.HtmlControls;

public partial class ClientSideProcessing : System.Web.UI.Page

{

    protected void Page_Load(objectsender, EventArgs e)

    {

    }

    //HTML服务器端Click事件

    protected void btnHTML_ServerClick(objectsender, EventArgs e)

    {

        txtHTML.Value = "An HTML Server Control";

    }

    //ASP.NET控件服务器端Click事件

    protected void btnServer_Click1(objectsender, EventArgs e)

    {

        txtHTML.Value = "An ASP.NET Server Control";

    }

}