双击 HTML 元素

更新:2007 年 11 月

在 Visual Web Developer 中,双击可编程的 HTML 元素将导致下面的操作:

  • 即使正在使用 ASP.NET 代码隐藏页模型,也将在位于 .aspx 页顶部的脚本块中创建客户端事件处理程序函数。

  • 在 HTML 元素中创建“Language”属性,并将该属性设置为“javascript”。

  • 在 HTML 元素中创建“onclick”属性,并将该属性设置为事件处理程序函数的名称。

可以双击的可编程元素的示例是 Input、Textarea 和 Select HTML 元素。将代码添加到将在客户端上运行的事件处理程序函数中。

说明:

在 Visual Web Developer 中双击不可编程的 HTML 元素将是无效的。

如果希望为元素创建基于服务器的事件处理程序,则有两个选择:

  • 可以将 HTML 元素作为服务器控件运行。

  • 可以转而使用一个等价的 ASP.NET 服务器控件。

将 HTML 元素作为服务器控件运行

  1. 如果已双击 HTML 元素,请将该元素还原为以前的状态。为此,请切换到“源”视图,然后移除元素的“Language”和“onclick”属性,并删除脚本块中定义的“onclick”函数。

  2. 切换到“设计”视图。

  3. 右击 HTML 元素,并单击“作为服务器控件运行”。

  4. 保存文件,并再次双击 HTML 元素。

    如果正在使用 ASP.NET 代码隐藏模型,则事件处理程序方法将自动添加到脚本块或代码隐藏页中。runat 属性将添加到该元素中,并设置为“server”。而且还添加事件属性,并将该属性设置为自动生成的事件处理程序方法的名称。

将 HTML 元素转换为等价的 ASP.NET 服务器控件

  1. 切换到“设计”视图。

  2. 在工具箱中,选择与您的 HTML 元素最等价匹配的服务器控件。例如,类型为 checkbox 的 Input HTML 元素近似等价于“工具箱”的“标准”选项卡中的 CheckBox 服务器控件。有关服务器控件的列表,请参见 标准工具箱控件

  3. 将控件从工具箱拖到页上。

  4. 保存文件,并双击服务器控件。

    如果正在使用 ASP.NET 代码隐藏模型,则事件处理程序方法将自动添加到脚本块或代码隐藏页中。还会添加事件属性,并将该属性设置为自动生成的事件处理程序方法的名称。

  5. 请将 HTML 元素中的所有字符串转移到新的服务器控件中,然后移除该 HTML 元素。如果已经双击 HTML 元素,请将客户端事件处理程序函数中的代码转移到新的事件处理程序方法中。测试控件,以确定是否需要进行任何更改。

任务

如何:创建脚本和编辑事件处理程序.

请参见

概念

ASP.NET Web 服务器控件概述

ASP.NET Web 服务器控件概述

其他资源

向 ASP.NET 网页添加 HTML 服务器控件

标准工具箱控件