• 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>  

           值得注意的是,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>  

        

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

    [html] view plain copy
     
     print?
    1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>  
           它类似 HTML 服务器控件,同样在服务器创建,它在创建时默认有runat="server" 属性。不过,Web 服务器控件不必映射任何已有的 HTML元素,它们可代表更复杂的元素。

           1.特点:

             (1.Web控件是对象,它与对象一样,拥有方法和属性,并且响应事件;

             (2)当Web控件包含在Web页中时,就可以设置其属性并调用其方法;

             (3)可以为Web控件编写服务器端代码以响应在客户端上发生的事件。(这点与

    Html控件区别,Html控件是不能在服务器端控制的)

           2.分类:

     

         

         (二)再者,初步了解了HtmlWeb控件,我们还需要分析分析两者之间的区别。

     

           1.书写方面:   显而易见,与Web 服务器控件相比,Html控件没有 asp标记前缀,而

    是使用Input

          (1)Web 控件:

    [html] view plain copy
     
     print?
    1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox></span>  

          (2)Html控件:

    [html] view plain copy
     
     print?
    1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text"/></p>;</span>  
            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控件。

  • 相关阅读:
    【禅道】禅道安装步骤
    软件测试学习路线
    【mysql】mysql数据库安装
    【用例】测试用例阶段总结
    【坑】自动化测试之Excel表格
    开始.....
    网络攻防
    PAT/查找元素习题集
    PAT/简单模拟习题集(二)
    PAT/简单模拟习题集(一)
  • 原文地址:https://www.cnblogs.com/lip-blog/p/7305408.html
Copyright © 2020-2023  润新知