Html控件和Web控件的比较分析



在ASP.NET中，使用了两类控件，一类是HTML控件（又分为HTML控件和HTML服务器控件），还有一类是WEB控件。

从以下几个方面来了解他们的区别和联系

一：概念

    HTML控件：就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过JavaScript和vbscript等程序语言来控制。<input type="button" id="btn" value="button"/>

    Web控件：由ASP.NET 提供，也是ASP.NET所特有的。服务端控件。

二：实现机制：

    HTML控件，HTML服务端控件，Web控件可以归为两类：客户端控件，服务端控件，HTML属于客户端控件。

    客户端控件：只是简单由页面（浏览器）触发事件，不回置到服务器。客户端的事件只能添加到HTML源文件属性中，否则不能处触发。

    服务端控件：由整个页面（浏览器）把Form发回到服务器端，由服务器来处理，然后通过转化为统一的HTML发送给客户端执行。可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

三：用法：

    HTML控件和Web控件都拖拽到窗体直接使用，也可以用HTML文件直接添加。可以通过添加属性的方法

    Web控件使用过程中通过单击控件即可进入后台编码，直接将数据提交到服务器。

    HTML控件只有变为HTML服务器控件才可以在后台代码中找到该控件，否则不识别。runat="server" 

    HTML控件有两种方法控制控件的属性：比如（On_Clik)

    1. 在HTML中，直接用vbscript和javaScript编写代码。

  

   2. 通过在服务器端代码中添加属性的方法控制客户端控件的属性(HTML服务器控件）

   

四：适用范围：

      以下几种情况可以优先考虑HTML控件：

•  HTML控件适合页面架构设计

     HTML控件直接与浏览器界面交互，一些属性可以很好地设计浏览器的页面布局（align属性)，其中HTML控件和Web控件灵活结合适用效果更好，如我们通常用HTML控件中的Table作为页面布局，在Table中添加Web控件。

• 由浏览器处理的事件（不与后台交互），需使用HTML控件。还有一些事件服务器无法处理的事件（单击时触发事件）

     单击时触发: <INPUTtype="button" value="Click Me"onclick="alert('欢迎使用');">

• 考虑性能方面，HTML控件占用服务器资源较少，可以提高应用程序执行效率。HTML服务器控件和Web控件的性能差不多。

   总之：设计界面我们可以结合Web控件使用，在考虑性能我们选择HTML控件，简单，直观，易理解我们选择Web控件。

五：优缺点：

    Web控件的优点（摘）

    1)、Asp.net服务器控件提供更加统一的编程接口，如每个Asp.net服务器控件都有Text属性。

    2)、隐藏客户端的不同，这样程序员可以把更多的精力放在业务上，而不用去考虑客户端的浏览器是ie还是firefox，或者是移动设备。

    3)、Asp.net服务器控件可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。

  总之：Web控件简单，方便，读取数据容易，占用服务器资源。

　　　　HTML控件使用复杂，但效率提高，适合页面架构。

总结：HTML控件和Web控件各有利弊，灵活运用。

作为一名ASP.NET的初学者，了解并且区别一些混淆概念是很必须的，今天这篇博文

就是主要向大家介绍一下Html控件和Web控件。在ASP.NET中，用户界面控件主要就是

Html控件和Web控件，在前台页面上看，两种控件非常相似，那么究竟他们有什么不一

样呢？他们又分别适用于什么情况呢？这都是我们需要解决的问题。

     （一）首先，先来分别说一说Html控件和Web控件。

      Html控件：它是标准的Html标签。代码如下：

[html] view plain copy print?

1. <span style="font-family: Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>  

<span style="font-family: Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>

       值得注意的是，HTML控件可以通过修改代码将其变成服务器端控件，几乎所有的HT

ML标记只要加上runat="server"，这个服务器控件标识属性后都可以变成服务器端控件。

这与普通HTML标记相比最大的区别在于，服务器端控件可以通过服务器端代码来控制。

例如：

[html] view plain copy print?

1. <span style="font-family: Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>  

<span style="font-family: Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>

    

       Web控件：在这里，我们说的都是Web服务器控件。代码如下：

[html] view plain copy print?

1. <span style="font-family: Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>  

<span style="font-family: Microsoft YaHei;"><asp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>

       它类似 HTML 服务器控件，同样在服务器创建,它在创建时默认有runat="server" 属性。不过，Web 服务器控件不必映射任何已有的 HTML元素，它们可代表更复杂的元素。

  2.响应事件方面：

      （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控件。