谈谈HtmlControl与WebControl的区别以及各自应该什么时候用

迷南。 2021-06-26 16:06 373阅读 0赞

`Web`控件和`Html`控件虽然好多功能相同并且长得很像但是它们的内部实现机制是完全不一样的

**Web控件要比Html控件执行效率要好**

**1. 使用起来也相当方便,举个简单的例子,例如`Button`的生成:**  
`Html`控件是将庞大控件集合全部弄到页面中，用到哪个功能，就设置一下属性,如下:

这样会占用相当大的控件资源

`Web`控件是将集成式的拆解成单功能的：

<asp:button id="btnOK" />
    <asp:TextBox id="tbName" />

这样就可以节省不必要的控件所占用的资源了

**2.`Web`控件具有回送功能,能够用`ViewState`维持控件的状态.**  
`Html`控件则不能,当点击页面的操作，其状态就会丢失.  
可以做这样的一个实验:  
I. 分别建立两个文件: `a.html` `b.aspx`  
II.在`a.html`页面中加`Html`控件的`RadioButton`和一个`button`，在`b.aspx`中加`Web`控件的`RadioButton`和一个`button`  
III.`a.html`直接双击浏览器运行,`b.aspx`通过`IIS`运行  
IV.在`a.html`运行界面中，选中`RadioButton`,再单击`Button`按钮，会发现`RadioButton`会取消选中(丢失其状态),但在`b.aspx`页面执行同样的操作，`RadioButton`不会丢失，因为`ViewState`给它保存了状态. 您可以在运行界面点击浏览器菜单"查看"->“源文件",打开`Html`代码文件，找到加密后的`ViewState`,类似于下面:

其实`ViewState`实现原理也是将一些信息放到隐藏的一个控件中，并且`asp.net`生成的`ViewState`信息是存储在客户端的  
这里要注意的一点是：  
只有当格式为`*.aspx`文件，并且控件具有属性:"`runat=server`"时，回送功能才能打开

**3. Html控件与Web控件最大的区别是它们对事件处理的方法不同。**  
对于`Html`窗体控件，当引发一个事件时，浏览器会处理它。但对于`Web`控件，事件仅由浏览器生成，但浏览器不会处理它，客户端要给服务器发个信息，告诉服务器处理事件。 不过有些事件，  
比如:  
**按下键/移动/鼠标等事件，`Asp.net`中没有这些事件 (因为这些事件即时性强，服务器处理得不够及时)，这时候`Html`控件就发挥其作用了，结合`Html`事件协助完成.**

如下是一些`Html`常用的事件:  
在浏览器上执行的`Html`控件事件:

单击时触发:

鼠标弹起时触发:

//悬浮在控件上方时触发
    <INPUT type="button" value="Click Me" onmouseover="alert('Hi,你好!');">
    
    //鼠标在控件上方移动时触发
    <INPUT type="button" value="Click Me" onmousemove="alert('Hi,你好!');">
    
    //双击控件时触发
    <INPUT type="button" value="Click Me" ondblclick="alert('Hi,你好!');">
    
    //当焦点在控件时，按键时触发
    <INPUT type="button" value="Click Me" onkeypress="alert('Hi,你好!');">
    
    //按键按下时触发
    <INPUT type="button" value="Click Me" onkeydown="alert('Hi,你好!');">