每个控件都有一些公共属性，例如字体颜色、边框的颜色、样式等。 在 Visual Studio 2008 中，当开 发人员将鼠标选择了相应的控件后，属性栏中会简单的介绍该属性的作用。如右图所示.

Presentation on theme: "每个控件都有一些公共属性，例如字体颜色、边框的颜色、样式等。 在 Visual Studio 2008 中，当开 发人员将鼠标选择了相应的控件后，属性栏中会简单的介绍该属性的作用。如右图所示."— Presentation transcript:

1

2

3 每个控件都有一些公共属性，例如字体颜色、边框的颜色、样式等。
在 Visual Studio 2008 中，当开 发人员将鼠标选择了相应的控件后，属性栏中会简单的介绍该属性的作用。如右图所示

4 protected void Page_Load(object sender, EventArgs e) {
属性栏用来设置控件的属性，当控件在页面被初始化时，这些将被应用到控件。控件的属性也可以通过编程的方法在页面相应代码区域编写，示例代码如下所示。 protected void Page_Load(object sender, EventArgs e) { Label1.Visible = false ; //在 Page_Load 中设置 Label1 的可见性 } 上述代码编写了一个 Page_Load（页面加载事件），当页面初次被加载时，会执行 Page_Load 中的 代码。这里通过编程的方法对控件的属性进行更改，当页面加载时，控件的属性会被应用并呈现在浏览 器。

5 标签控件（Label） 在 Web 应用中，希望显式的文本不能被用户更改，或者当触发事件时，某一段文本能够在运行时 更改，则可以使用标签控件（Label）。开发人员可以非常方便的将标签控件拖放到页面，拖放到页面后， 该页面将自动生成一段标签控件的声明代码，示例代码如下所示。 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 上述代码中，声明了一个标签控件，并将这个标签控件的 ID 属性设置为默认值 Label1。由于该控件是服务器端控件，所以在控件属性中包含runat=“server”属性。该代码还将标签控件的文本初始化为 Label，开发人员能够配置该属性进行不同文本内容的呈现。 注意：通常情况下，控件的 ID 也应该遵循良好的命名规范，以便维护。

6 2.2.1 标签控件（Label） 值得注意的是，对于 Label标签，同样也可以显式 HTML 样式，示例代码如下所示。
同样，标签控件的属性能够在相应的.cs 代码中初始化，示例代码如下所示。 protected void Page_PreInit(object sender, EventArgs e) { Label1.Text = “Hello World<hr/><span style=\”color:red\“>A Html Code</span>”; //输出 HTML Label1.Font.Size = FontUnit.XXLarge; } protected void Page_PreInit(object sender, EventArgs e) { Label1.Text = "Hello World"; } //标签赋值 //设置字体大小 上述代码中，Label1 的文本属性被设置为一串 HTML 代码，当 Label 文本被呈现时，会以 HTML 效果显式. 如果开发人员只是为了显示一般的文本或者 HTML 效果，不推荐使用 Label 控件，因为当服务器控件过多，会导致性能问题。使用静态的 HTML 文本能够让页面解析速度更快。 上述代码在页面初始化时为 Label1 的文本属性设置为“Hello World”。

7 超链接控件（HyperLink） 超链接控件相当于实现了HTML 代码中的“<a href=“”></a>”效果，当然，超链接控件有自己的特点，当拖动一个超链接控件到页面时，系统会自动生成控件声明代码，示例代码如下所示。 <asp:HyperLink ID="HyperLink1"runat="server">HyperLink</asp:HyperLink> 上述代码声明了一个超链接控件，相对于HTML代码形式，超链接控件可以通过传递指定的参数 来访问不同的页面。当触发了一个事件后，超链接的属性可以被改变。超链接控件通常使用的两个属性如下所示： ImageUrl：要显式图像的 URL。 NavigateUrl：要跳转的 URL。

8 1 2.2.2 超链接控件（HyperLink） ImageUrl属性
<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl=" HyperLink </asp:HyperLink> 上述代码将文本形式显示的超链接变为了图片形式的超链接，虽然表现形式不同，但是不管是图片形式还是文本形式，全都实现的相同的效果。

9 2 2.2.2 超链接控件（HyperLink） Navigate属性
<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl=" NavigateUrl=" HyperLink </asp:HyperLink> 上述代码使用了图片超链接的形式。其中图片来自“ 当点击此超链接控件后，浏览器将跳到URL为“

10 3 2.2.2 超链接控件（HyperLink） 动 态 跳 转
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { if (DropDownList1.Text == "qq") HyperLink1.Text = "qq"; HyperLink1.NavigateUrl = " } //如果选择 qq //文本为 qq //URL 为 qq.com else //选择 sohu HyperLink1.Text = "sohu"; //文本为 sohu HyperLink1.NavigateUrl = " //URL 为 sohu.com 在前面的小结讲解了超链接控件的优点，超链接控件的优点在于能够对控件进行编程，来按照用户的意愿跳转到自己跳转的页面。以下代码实现了当用户选择QQ时，会跳转到腾讯网站，如果选择SOHU，则会跳转到SOHU页面，示例代码如图所示。 刚才的代码使用了DropDownList控件，当用户选择不同的值时，对HyperLink1控件进行操作。当用户选择qq时，则为HyperLink1控件配置连接为 注意：与标签控件相同的是，如果只是为了单纯的实现超链接，同样不推荐使用HyperLink控件， 因为过多的使用服务器控件同样有可能造成性能问题。

11 2.2.3 图像控件（Image） 图像控件用来在 Web 窗体中显示图像，图像控件常用的属性如下：
AlternateText：在图像无法显式时显示的备用文本。 ImageAlign：图像的对齐方式。 ImageUrl：要显示图像的 URL。 当图片无法显示的时候，图片将被替换成 AlternateText 属性中的文字，ImageAlign 属性用来控制图 片的对齐方式，而 ImageUrl 属性用来设置图像连接地址。同样，HTML 中也可以使用<img src=“”alt=“”> 来替代图像控件，图像控件具有可控性的优点，就是通过编程来控制图像控件，图像控件基本声明代码 如下所示： <asp:Image ID="Image1" runat="server" />

12 2.2.3 图像控件（Image） 注意：当双击图像控件时，系统并没有生成事件所需要的代码段，这说明 Image 控件不支持任何事件。
ToolTip：浏览器显式在工具提示中的文本。 GenerateEmptyAlternateText：如果将此属性设置为 true，则呈现的图片的 alt 属性将设置为空。 开发人员能够为 Image 控件配置相应的属性以便在浏览时呈现不同的样式，创建一个 Image 控件也可以直接通过编写 HTML 代码进行呈现，示例代码如下所示。 <asp:Image ID="Image1" runat="server" AlternateText="图片连接失效" ImageUrl=" /> 上述代码设置了一个图片，并当图片失效的时候提示图片连接失效。 注意：当双击图像控件时，系统并没有生成事件所需要的代码段，这说明 Image 控件不支持任何事件。