作为一名ASP.NET的初学者,了解并且区别一些混淆概念是很必须的,今天这篇博文
就是主要向大家介绍一下Html控件和Web控件。在ASP.net中,用户界面控件主要就是
Html控件和Web控件,在前台页面上看,两种控件非常相似,那么究竟他们有什么不一
样呢?他们又分别适用于什么情况呢?这都是我们需要解决的问题。
(一)首先,先来分别说一说Html控件和Web控件。
Html控件:它是标准的Html标签。代码如下:
- <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>
值得注意的是,HTML控件可以通过修改代码将其变成服务器端控件,几乎所有的HT
ML标记只要加上runat="server",这个服务器控件标识属性后都可以变成服务器端控件。
这与普通HTML标记相比最大的区别在于,服务器端控件可以通过服务器端代码来控制。
例如:
- <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>
Web控件:在这里,我们说的都是Web服务器控件。代码如下:
- <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>
1.特点:
(1).Web控件是对象,它与对象一样,拥有方法和属性,并且响应事件;
(2)当Web控件包含在Web页中时,就可以设置其属性并调用其方法;
(3)可以为Web控件编写服务器端代码以响应在客户端上发生的事件。(这点与
Html控件区别,Html控件是不能在服务器端控制的)
2.分类:
(二)再者,初步了解了Html和Web控件,我们还需要分析分析两者之间的区别。
1.书写方面: 显而易见,与Web 服务器控件相比,Html控件没有 asp标记前缀,而
是使用Input。
(1)Web 控件:
- <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox></span>
(2)Html控件:
- <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text"/></p>;</span>
(1)Web 控件:Web控件可以响应服务器端事件,可以在后台代码中设置相关属性
和方法等;
(2)Html控件:不可以响应服务器端事件,但是也是允许响应用户操作的事件的。
例如,按钮控件提供在用户单击按钮时将引发的 click 事件。你可以创建一个称为事件处
理程序的函数来处理该事件,然后向该控件注册此事件处理程序。
关于如何注册此事件处理程序:一种方法是在HTML 中添加事件处理程序:将控件的
事件属性设置为 JavaScript 事件处理程序函数或 javascript语句的名称。另一种方法是
以编程方式添加它。对此我们不做过多解释,不是本篇的重点。
3.编译处理方面:
(1)Web 控件:Web控件需要通过服务器处理后译为HTML控件再发送给浏览器,
所以比较耗费服务器资源,并由于有VIEWSTATE,所以在回送的时候会保持控件状态(也
可以设置不保存)也因此增加了回送信息量。
(2)Html控件:而Html控件则直接发送到浏览器,不另耗费服务器资源,但无状态
保存!
4.获取值方面:
(1)Web 控件:获得HTML控件的值 需要使用REQUEST的FORM 方法,
(2)Html控件:WEB控件就可以直接通过属性直接处理!
(三)最后,根据以上方面的比较,我们可以得到一些经验:
如果你不需要保存状态,也不需要获取值,那么可以考虑优先使用Html控件,反之,
如果需要对控件进行动态的处理,并且需要保存其状态,那么优先使用Web控件。