web服务器控件和HTML控件的区别用法.doc

谈谈HtmlControl与WebControl的区别以及各自应该什么时候用Web控件和Html控件虽然好多功能相同并且长得很像但是它们的内部实现机制是完全不一样的Web控件要比Html控件执行效率要好1. 使用起来也相当方便,举个简单的例子,例如Button的生成:Html控件是将庞大控件集合全部弄到页面中，用到哪个功能，就设置一下属性,如下: 这样会占用相当大的控件资源Web控件是将集成式的拆解成单功能的： 这样就可以节省不必要的控件所占用的资源了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实现原理也是将一些信息放到隐藏的一个控件中，并且生成的ViewState信息 是存储在客户端的 这里要注意的一点是： 只有当格式为*.aspx文件，并且控件具有属性:runat=server时，回送功能才能打开 3. Html控件与Web控件最大的区别是它们对事件处理的方法不同。对于Html窗体控件，当引发一个事件时，浏览器会处理它。但对于Web控件，事件仅由浏览器生成，但浏览器不会处理它，客户端要给服务器发个信息，告诉服务器处理事件。 不过有些事件，比如: 按下键/移动/鼠标等事件，A中没有这些事件 (因为这些事件即时性强，服务器处理得不够及时)，这时候Html控件就发挥其作用了，结合Html事件 协助完成.如下是一些Html常用的事件:在浏览器上执行的Html控件事件:单击时触发:鼠标弹起时触发:/悬浮在控件上方时触发/鼠标在控件上方移动时触发/双击控件时触发/当焦点在控件时，按键时触发/按键按下时触发之所以现在开发方便和快捷，关键是它有一组强大的控件库，包括web服务器控件,web用户控件，web自定义控件，html服务器控件和html控件等。这里我主要说说html控件、html服务器控件和web服务器控件的区别。 1、html控件:就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过javascript和vbscript等程序语言来控制。 2、html服务器控件:其实就是html控件的基础上加上runat=server所构成的控件.它们的注意区别是运行方式不同，html控件运行在客户端，而html服务器控件是运行在服务器端的。参考其他资料是这样说的: 当ASP.NET 网页执行时，会检查标注有无runat 属性，如果标注没有设定，那么Html标注就会被视为符串，并被送到字符串流等待送到客户端，客户端的浏览器会对其进行解释；如果Html标注有设定runat=server 属性，Page 对象会将该控件放入控制器，服务器端的代码就能对其进行控制，等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注，然后当成字符串流发送到客户端进行解释 3、web服务器控件:也称服务器控件，是Web Form编程的基本元素，也是所特有的。它会按照client的情况产生一个或者多个html控件，而不是直接描述html元素。如： 那么它和html服务器控件有什么区别呢?参照其他网页的资料看法如下： 1)、A服务器控件提供更加统一的编程接口，如每个A服务器控件都有Text属性。 2)、隐藏客户端的不同，这样程序员可以把更多的精力放在业务上，而不用去考虑客户端的浏览器是ie还是firefox，或者是移动设备。 3)、A服务器控件可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。 4)、事件处理模型不同，Html标注和Html服务器控件的事件处理都是在客户端的页面上，而A服务器控件则是在服务器上，举例来说： 是Html服务器控件，此时我们点击此按钮，页面不会回传到服务器端，原因是我们没有为其定义鼠标点击事件。 我们为Html服务器控件添加了一个onserverclick事件，点击此按钮页面会发回服务器端，并执行test(object sender, EventArgs e)方法。 是A服务器控件，并且我们没有为其定义click，但是我们点击时，页面也会发回到服务器端。 由此可见：Html标注和Html服务器控件的事件是由页面来触发的，而A服务器控件则是由页面把Form发回到服务器端，由服务器来处理。 4、下面我就结合我自己的测试来说明问题： 这段代码是我放在repeat中的模板里的:其中DeleteCheck是一个js脚本函数，注意是用于是否发送到服务器端的，这里就不展示脚本代码了。 Button-Button 展现出来的html代码如下： Button-Button 可以看出以下几点: 1、当控件属性中有runat=server时，生成的html控件时name和id发生的变化(.net Framework)。 2、当asp:button服务器按钮通过生成的页面后转化成类型为submit类型的Client控件。 3、当控件是html控件时通过生成的页面和原来的html代码完全一样(理由上面已经说名)。 另外我还测试了把这段代码直接放到form标记中(不放到其他子标记中)如: Button-Button LinkButton直接放到form标记中生成的html代码 Button-Button LinkButton 这里有可以看出几点： 1、当html服务器控件在服务器端添加了服务器事件后生成的代码变为:onclick=_doPostBack()，实际上是调用脚本把整个窗体提交到服务器(如果没有添件服务器事件而只是添加了runat=server是不会发送到服务器端的)这里注意如果要在html服务器控件中添加一个客户端事件如上面的 变成 那样生成的html代码变成 提示有脚本错误原因是onclick事件执行了2个脚本且书写的格式不正确。onclick=return DeleteCheck(this)；_doPostBack()这样的话就只能执行第一个函数而第二个函数就不能执行了(return).如果用onclick=return DeleteCheck(this)，_doPostback()是指2个函数同时都要执行没有影响(相当于一条语句)。在我的一个项目中需要对于控件进行区分总结，我在网上找了找加上自己的实际测试总结如下： 之所以现在开发方便和快捷，关键是它有一组强大的控件库，包括web服务器控件,web用户控件，web自定义控件，html服务器控件和html控件等。这里我主要说说html控件、html服务器控件和web服务器控件的区别。 1、html控件:就是我们通常的说的html语言标记，这些语言标记在已往的静态页面和其他网页里存在,不能在服务器端控制的，只能在客户端通过javascript和vbscript等程序语言来控制。 2、html服务器控件:其实就是html控件的基础上加上runat=server所构成的控件.它们的注意区别是运行方式不同，html控件运行在客户端，而html服务器控件是运行在服务器端的。参考其他资料是这样说的: 当ASP.NET 网页执行时，会检查标注有无runat 属性，如果标注没有设定，那么Html标注就会被视为字符串，并被送到字符串流等待送到客户端，客户端的浏览器会对其进行解释；如果Html标注有设定runat=server 属性，Page 对象会将该控件放入控制器，服务器端的代码就能对其进行控制，等到控制执行完毕后再将Html服务器控件的执行结果转换成Html标注，然后当成字符串流发送到客户端进行解释3、web服务器控件:也称服务器控件，是Web Form编程的基本元素，也是所特有的。它会按照client的情况产生一个或者多个html控件，而不是直接描述html元素。如： 那么它和html服务器控件有什么区别呢?参照其他网页的资料看法如下： 1)、 A服务器控件提供更加统一的编程接口，如每个A服务器控件都有Text属性。 2)、 隐藏客户端的不同，这样程序员可以把更多的精力放在业务上，而不用去考虑客户端的浏览器是ie还是firefox，或者是移动设备。 3)、 A服务器控件可以保存状态到ViewState里，这样页面在从客户端回传到服务器端或者从服务器端下载到客户端的过程中都可以保存。 4)、 事件处理模型不同，Html标注和Html服务器控件的事件处理都是在客户端的页面上，而A服务器控件则是在服务器上，举例来说： 是Html服务器控件，此时我们点击此按钮，页面不会回传到服务器端，原因是我们没有为其定义鼠标点击事件。 我们为Html服务器控件添加了一个onserverclick事件，点击此按钮页面会发回服务器端，并执行test(object sender, EventArgs e)方法。 是A服务器控件，并且我们没有为其定义click，但是我们点击时，页面也会发回到服务器端。 由此可见：Html标注和Html服务器控件的事件是由页面来触发的，而A服务器控件则是由页面把Form发回到服务器端，由服务器来处理。 4、下面我就结合我自己的测试来说明问题： 这段代码是我放在repeat中的模板里的:其中DeleteCheck是一个js脚本函数，注意是用于是否发送到服务器端的，这里就不展示脚本代码了。 Button-Button 展现出来的html代码如下： Button-Button 可以看出以下几点: 1、当控件属性中有runat=server时，生成的html控件时name和id发生的变化(.net Framework)。 2、当asp:button服务器按钮通过生成的页面后转化成类型为submit类型的Client控件。 3、当控件是html控件时通过生成的页面和原来的html代码完全一样(理由上面已经说名)。 另外我还测试了把这段代码直接放到form标记中(不放到其他子标记中) 如: Button-Button LinkButton直接放到form标记中生成的html代码 Button-Button LinkButton 这里有可以看出几点： 1、当html服务器控件在服务器端添加了服务器事件后生成的代码变为:onclick=_doPostBack()，实际上是调用脚本把整个窗体提交到服务器(如果没有添件服务器事件而只是添加了runat=server是不会发送到服务器端的)这里注意如果要在html服务器控件中添加一个客户端事件如上面的 变成 那样生成的html代码变成 提示有脚本错误原因是onclick事件执行了2个脚本且书写的格式不正确。onclick=return DeleteCheck(this)；_doPostBack()这样的话就只能执行第一个函数而第二个函数就不能执行了(return).如果用onclick=return DeleteCheck(this)，_doPostback()是指2个函数同时都要执行没有影响(相当于一条语句)。 2、asp:button中