js代码，执行简单的按钮翻转

一谈到 Web 页面上的按钮，Web 开发人员想要为按钮赋予的较为常见的功能就是翻转效果。翻转效果就是当终端用户将其鼠标置于 Web 页面的某个按钮上时（并不单击该按钮），该按钮的颜色和形状将发生改变。对于具有多个按钮的 Web 页面而言，该功能尤为有用，从使用角度而言这是很有用的，会在终端用户单击按钮之前通知其要对该按钮执行单击操作了。

在服务器控件出现之前，该操作很容易实现，现在，尽管有了服务器控件，也不是那么困难。执行类似操作的代码如下：

<%@ Page Language="C#" %>
2

protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
5

{
6

Label1.Text = "回发！";
7

}
8

</script>
9

<html xmlns="http://www.w3.org/1999/xhtml" >
11

<head runat="server">
12

<title>使用 JavaScript</title>
13

</head>
14

<body>
15

<form id="form1" runat="server">
16

<div>
17

<p>
18

<asp:ImageButton id="ImageButton1"
19

onmouseover="this.src='button2.gif'"
20

onclick="ImageButton1_Click"
21

onmouseout="this.src='button1.gif'" runat="server"
22

ImageUrl="button1.gif"></asp:ImageButton>
23

</p>
24

<p>
25

<asp:Label id="Label1" runat="server" />
26

</p>
27

</div>
28

</form>
29

</body>
30

</html>
31

这次我们不通过 <body> 元素将 JavaScript 指定给服务器控件，而是使用控件的 onmouseover 和 onmouseout 事件。对于每个事件，我们均指定一个 JavaScript 值。onmouseover 事件表示终端用户将其鼠标置于控件上方的操作，而 onmouseout 表示终端用户将其鼠标从控件上方移开的操作。在本例中，我们希望当鼠标置于按钮上方时会显示一张图像，而在当加载页面后与当将鼠标从按钮移开后会显示原始图像。

如果您正在直接使用该类控件，而不是像我们在 <body> 元素中使用 JavaScript 时那样在 form 中指定控件，您可以使用 this 关键字，其后紧跟您试图更改的属性

ASP.NET 2.0 现在包括了为其中的一个 HTML 表单元素设置（光标的）焦点的功能。在 ASP.NET 2.0 之前，您必须亲自使用 JavaScript 来完成同样的任务。例如，如果您的 ASP.NET 1.x 页面中有多个文本框，则可通过在页面的 <body> 标记中使用以下代码来使页面在加载后将焦点设置为第一个 TextBox 控件

通过使用该构造代码，当页面被加载后，包含 ID TextBox1 的元素将获得焦点，从而使终端用户能够开始直接输入文本，而无需通过鼠标来定位焦点。
ASP.NET 2.0 通过添加 Focus() 方法使得该任务变得非常简单。现在，您可以通过下面的代码来完成对 TextBox 控件的焦点设置：

protected void Page_Load(object sender, EventArgs e)

{

TextBox1.Focus();

}

浏览器加载使用此方法的页面后，光标即已经被置于了文本框的内部，等待您开始键入文本。因此，您不必将鼠标移到相应的位置即可开始在表单中输入信息。Focus() 方法使您可以动态地将终端用户的光标置于指定的表单元素中（不仅仅是 TextBox 控件，而可以是从 WebControl 类派生而来的任何服务器控件）。