HtmlControl与WebControl的区别与用途

简介:
Web控件和Html控件虽然好多功能相同并且长得很像 
但是它们的内部实现机制是完全不一样的 
Web控件要比Html控件执行效率要好 

1. 使用起来也相当方便,举个简单的例子,例如Button的生成: 
Html控件是将庞大控件集合全部弄到页面中,用到哪个功能,就设置一下属性,如下: 
<input type=submit/button runat=server> 
这样会占用相当大的控件资源 

Web控件是将集成式的拆解成单功能的: 
<asp:button id=”btnOK” /> 
这样就可以节省不必要的控件所占用的资源了 

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,类似于下面: 
<input type=”hidden” name=”_VIEWSTATE” value=”dDw0ajfmafmjfzzmj4″/> 
其实ViewState实现原理也是将一些信息放到隐藏的一个控件中,并且asp.net生成的ViewState信息 

是存储在客户端的 
这里要注意的一点是: 
只有当格式为*.aspx文件,并且控件具有属性:”runat=server”时,回送功能才能打开 


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

协助完成. 

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

单击时触发: 
<INPUT type=”button” value=”Click Me” 

鼠标弹起时触发: 
<INPUT type=”button” value=”Click Me” 

//悬浮在控件上方时触发 
<INPUT type=”button” value=”Click Me” 

//鼠标在控件上方移动时触发 
<INPUT type=”button” value=”Click Me” 

//双击控件时触发 
<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,你好!’);”>


本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1081575

相关文章
|
数据安全/隐私保护 .NET 开发框架
|
14天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
4天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
9天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
9天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
15天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
17天前
|
XML 前端开发 JavaScript
css和html
【4月更文挑战第7天】css和html
13 0
|
21天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
使用html+css制作一个发光立方体特效
使用html+css制作一个发光立方体特效
23 2
使用html+css制作一个发光立方体特效