onclick onserverclick，onclientclick的区别和用法

1、OnClientClick是客户端事件处理方法，一般采用JavaScript来进行处理，也就是直接在IE端运行，一点击就运行；

2、OnClick是服务器端事件处理方法，在服务器端也就是IIS中运行，点击后，先执行postback，再运行；

3、OnClientClick常用来做一些客户端的检测。当然也可以放在服务器端检测，但是需要与服务器进行交互，消耗资源，而且用户体验也不好。

当一个控件上同时有OnClick和OnClientClick时，OnClientClick先于OnClick执行

正确的写法应该是：

举例一：<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="return saveFunc();" />

saveFunc对数据进行验证，当验证通过返回true时，执行服务器端方法进行保存，验证不通过返回false，服务器端的保存方法就不会执行。

错误的写法：

举例二：

<!--无论验证是否通过，都会执行服务器端方法，不能达到验证的目的-->

<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc();" />

举例三：

<!--无论验证结果如何都返回false，服务器端方法永远不会执行-->

<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc(); return false;" />

下面以 HTML的按钮(system.web.ui.htmlcontrols) 和 ASP.NET服务端按钮 (system.web.ui.webcontrols) 为例：

一、 HTML控件，如IMG的输入按钮等 的 onclick ( 客户端) 和 onserverclick(服务端) 事件，

举例四：

注意 runat="server"

<input type="button" id="btn" name="btn" value="button" runat="server" onserverclick="ServerSideEvent" onclick="SideScript" />

此处的onclick先于onserverclick执行。

二、WEB控件，如<asp:button 按钮等 的 onclientclick (客户端) 和 onclick (服务端) 事件；

举例五：

<asp:Button ID="btn" text="button" runat="server" OnClick="SideScript" OnClientClick="ClientSideScript" />

此处的onclientclick先于onclick执行。