Html控件和Web控件(转)
作为一名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>
它类似 HTML 服务器控件,同样在服务器创建,它在创建时默认有runat="server" 属性。不过,Web 服务器控件不必映射任何已有的 HTML元素,它们可代表更复杂的元素。
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控件。
Html控件和Web控件(转)的更多相关文章
- HTML 控件和web控件 OnClientClick和OnClick OnServerClick区别
^_^ 本来对html控件,服务器控件的知识模模糊糊的.今天特地查了相关的知识. 下面是我写代码总结的. 这些事件 主要用于在客户端执行验证,然后决定是否执行服务端事件 (没接触之前就为此 ...
- 【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件
目录 概述 功能 如何使用 参考帮助 概述 源代码主要包含三个项目,BMap.NET.BMap.NET.WindowsForm以及BMap.NET.WinformDemo. BMap.NET 对百度地 ...
- 2015.2.16 关于delphi web控件打开新网页时弹出关闭页面(js代码)出错的解决办法研究
参考网址1:http://www.csharpwin.com/csharpspace/2360.shtml...参考网址2:http://www.oschina.net/question/234345 ...
- 基于MVC4+EasyUI的Web开发框架经验总结(2)- 使用EasyUI的树控件构建Web界面
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
- 033. asp.netWeb用户控件之二将页面转换成web控件和使用Web控件显示热点新闻
访问Web用户控件的属性 ASP.NET提供的各种服务器控件都有其自身的属性和方法,程序开发人员可以灵活地使用服务器控件中的属性和方法开发程序.在用户控件中,程序开发人员也可以自行定义各种属性和方法, ...
- [MFC] MFC 打开HTML资源(用ID版,也可加载到自己的web控件上)
@ ^ @:如果是加载到web控件上,就把注释掉的解除注释(改为web控件点后面的函数),把下一句注释 BOOL Button::LoadFromResource(UINT nRes){//打开网页加 ...
- 译:c#生成条码的web控件
译文:http://www.codeproject.com/Tips/846860/Csharp-Barcode-Generator-Web-Control 在asp.net的web页用c#的web控 ...
- Javascript语法去控制Web控件的Enabled属性
Web控件当使用Enabled属性时,它生成html之后会变成了disabled了.我们为了能够在javascript去控制控件的禁用与启用,得从这个disabled入手.如:
- Web控件文本框Reset的功能
在前一篇中<怎样实现Web控件文本框Reset的功能>http://www.cnblogs.com/insus/p/4120889.html Insus.NET只实现了文本框的功能.单个或 ...
随机推荐
- Hrbust 2363 Symmys (Manacher + DP)
题目链接 Hrbust 2363 来源 “科林明伦杯”哈尔滨理工大学第七届程序设计团队赛 Problem J 题意 给出一个长度为$1e6$的字符串,求最小可重回文子串覆盖数量 首先Manach ...
- linux系统故障分析与排查
在处理Linux系统出现的各种故障时,故障的症状是最先发现的,而导致这以故障的原因才是最终排除故障的关键.熟悉Linux系统的日志管理,了解常见故障的分析与解决办法,将有助于管理员快速定位故障点.“对 ...
- java wait(),notify(),notifyAll()的理解
这个三个函数来自Object类,众所周知它们是用于多线程同步的.然而,有个问题却一直没搞清楚,即notify()函数到底通知谁?<Thinking in JAVA>中有这么一句话,当not ...
- MYSQL 的optimize怎么用
当对表有大量的增删改操作时,需要用optimize对表进行优化.可以减少空间与提高I/O性能,命令optimize table tablename;假如有foo表且存储引擎为MyISAM. mysql ...
- socket连接和TCP连接的关系
我们在数据传输时,能够仅仅使用(传输层)TCP/IP协议,可是那样的话,假设没有应用层.便无法识别数据内容,假设想要使传输的数据有意义.则必须使用到应用层协议,应用层协议有非常多,比方HTTP.FTP ...
- MySQL数据库 常用命令
1.MySQL常用命令 create database name;创建数据库 use databasename;选择数据库 drop database name 直接删除数据库,不提醒 show ta ...
- VS2015 定位内存泄漏工具vld
介绍一款在vs2015开发环境定位内存泄漏工具:Visual Leak Detector ,具体的使用方法如下: 1. 安装vld-2.5-setup.exe (下载链接地址后面会给出),安装过程会 ...
- Snubber电路
http://www.elecfans.com/yuanqijian/dianrongqi/20170601520736.html https://wenku.baidu.com/view/166f1 ...
- 14:质数因子PrimeNum
14:题目描述 功能:输入一个正整数,按照从小到大的顺序输出它的所有质数的因子(如180的质数因子为2 2 3 3 5 ) 详细描述: 函数接口说明: public String getResult( ...
- python3.x中xml.etree.ElementTree解析xml举例
1.新建xml import xml.etree.ElementTree as ETa=ET.Element('elem')c=ET.SubElement(a,'child1')c.text=&quo ...