asp控件与html控件的区别

在最近做评教系统的页面布局时，我学习到很多东西，尤其是asp控件也html控件的区别（用法上，不是概念上）。

在看视频的过程中，很多东西我都能听懂，但真正在脑袋里装了没多少，自己在运用视频中的所学到的知识时，往往是举步维艰。实质原因是自己并没有对其本质含义所领悟。

那么下面就说说我觉得有价值分享的自己的领悟。

首先我们说说二者的概念区别吧（相信大家都清楚）

1. asp控件是服务端控件，html是客户端控件。

2.asp控件在服务端解析后，会转化为html控件使得客户端浏览器能够显示出来。也就是说最终的产物都是html控件。

3.asp控件只有安装.netFrameWork的服务器才能解析的来，而html用Java,php,asp都可以。

那么下面说说二者的功能实现区别

1.asp控件是必须发生页面提交的（除非强制取消，见2.），而html控件则可以提交也可以不提交（通过type属性设置）

2.asp控件OnClick与OnClientClick区别：OnClientClick执行客户端事件响应（由JavaScript控制）；OnClick执行服务端事件响应。二者的优先级：OnClientClick> OnClick 。

二者同时存在于asp控件时举例：

<asp:Button ID="btnDel"Width="80px" CssClass="buttonstyle" runat="server" Text="删除"OnClientClick="return jsDel();"OnClick="btnDel_Click1" />

需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false，那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法.

也就是说如果我们上面写成:

<asp:Button ID="btnDel"Width="80px" CssClass="buttonstyle" runat="server" Text="删除"OnClientClick="jsDel(); return false;"OnClick="btnDel_Click1" />

那么不管jsDel执行的结要如何.服务器端对应的btnDel_Click1方法都永远不会执行.因为returnfalse使得始终使客户端返回false

如果我们写成:

<asp:Button ID="btnDel"Width="80px" CssClass="buttonstyle" runat="server" Text="删除"OnClientClick="jsDel();"OnClick="btnDel_Click1" />

那么btnDel_Click1都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了.

所以必须注意了.

3. asp控件的 OnClick 与html控件的 OnClick意义不同：前者由服务端事件响应，后者由客户端响应。

4.html控件加上runat="server"后，与asp控件基本无异（此时已转化为服务端控件了），服务端就可以响应html控件。

5. html控件里的属性关键字都要是小写的哦。

所以大家要注意这些细节了，小小控件也会有大学问的，而且b/s开发较c/s开发本身就有复杂度，很多细节都是不太一样的。