《HTML和WEB控件区别.docVIP

第5章 HTML控件和Web服务器控件 在ASP.NET，一切都是对象。Web页面就是一个对象的容器。那么，这个容器可以装些什么东西呢？这一节我们学习HTML控件和Web服务器端控件，叫做Control。这是Web页面能够容纳的对象之一。 Control是一个可重用的组件或者对象，这个组件不但有自己的外观，还有自己的数据和方法，大部分组件还可以响应事件。通过微软的集成开发环境(Visual Studio.NET 2003)，可以简单地把一个Control拖放到一个Form中。 为什么会有HTML控件和Web服务器端控件之分呢？这是因为一些Control是在服务器端存在的。服务器端控件有自己的外观，在客户端浏览器中，Server Control的外观由HTML代码来表现。Server Control会在初始化时，根据客户的浏览器版本，自动生成适合浏览器的HTML代码。 5.1 HTML控件 HTML控件由HTML标记衍生而来，HTML控件在外形上与普通的HTML标记很相似，几乎所有的HTML标记加上runat=Server这个Server控件的标识属性后，都可以变成HTML控件。它们之间最大的区别就是HTML可以通过服务器端的代码来控制。以一个超级链接控件(HtmlAnchor)为例来看一下。 在WebForm1.aspx上定义一个HtmlAnchor控件： a href= /china Target=_blank runat=server欢迎来到微软中国/a 上面的这段代码就是定义的一个HTML控件，它与普通的a/a标记相比区别仅仅是添加了runat=server属性。5.1.1 HTML控件的优点 ASP允许我们在服务器上使用组件，这些组件能够产生反馈给用户的页面。ASPNET通过控件扩展了这一概念。将任何HTML元素转换为服务器控件所需要的只是一个附加的属性：runat=Server。ASPNET将在服务器上处理这些元素，并可以产生适合各种特定用户的输出。另外，我们可以通过HTMLFORM和表单控制元素做其他事情编写代码处理进出服务器期间的状态。这使得编写程序不再那么枯燥乏味，同时也提高了工作效率。 总结起来，HTML控件主要优点有以下两个方面： 1 HTML控件将HTML标注对象化，可以让程序直接控制并设定其属性，这样一来程序代码和HTML控件分开，程序的架构就不会显杂乱无章而不好管理。 2 HTML控件对事件的支持，以事件触发方式来编写程序，使得网页编程变得更加简单。 利用程序直接控制并设定HTML控件属性首先定义一个普通的HTML标记： a/a 这个标记不会产生任何有意义的显示结果。同样也建立一个不会有任何显示结果的HtmlAnchor控件： a ID=anchor1 runat=server/a 这里需要注意：HTML控件比HTML标注多了ID以及runat这两种属性。ID属性表示程序是以本属性来控制对象的，所以任何对象的名称不可重复，不管它们是否为同一种类。而runat属性表示这个对象是在Server端执行，所有的HTML控件都必须加上这个属性设定值；倘若该对象在程序执行时不需要被程控，则可以忽略ID属性的设定。 初始化时两者处于同一状态，均不会输入任何显示结果。此时，普通的anchor标记是没有办法再让自身输出“可视”的显示，它在程序中作用为零。而HtmlAnchor控件则不同，它的作用并没有受到丝毫的影响。程序依然可以在Page_load事件中设置它的各种属性．它依然可以展示它所有的功能。其HTML代码如下所示： %@ Page language=c# Codebehind=HtmlAnchor.aspx.cs AutoEventWireup=true Inherits=WebApplication1.WebForm1 % Script language=C# runat=server public void Page_Load(object sender, System.EventArgs e) { anchor1.HRef=/china; anchor1.Target=_blank; anchor1.InnerHtml=欢迎来到微软中国; } /Script HTML body form id=Form1 method=post runat=server a/a a id=anchor1 runat=server/a /form /body /HTML 运行结果如图5