将JavaScript和ASP.NET结合在一起
ASP.NET网页窗体允许使用标准的HTML,因此你可以容易地使用前面的范例。ASP.NET用户控件允许你很轻松地调用服务器代码来处理Web窗体。庆幸的是,用户控件和JavaScript的结合使用完全是可以的。我将利用一个ASP.NET按钮控件的例子来说明这一使用过程。
按钮控件的所有属性提供了将JavaScript连接到控件的方式。首先,将JavaScript函数放置在ASP.NET网页窗体中,但是通过添加返回值可以改变放置的方法。如果确认通过,函数值返回为真,与按钮相关的服务器函数就会别调用。如果返回值为假,则窗体不会被提交。
<%@ Page language="c#" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><html><head><title>WebForm1</title><script language="javascript">function valSubmit() {var doc = document.forms[0];varmsg = "";if (doc.firstName.value == "") {msg += "- Please enter a first name.n";}if (doc.lastName.value == "") {msg += "- Please enter a last name.n";}if (msg == "") {doc.submit();return true;} else {alert("The following errors were encountered.nn" + msg);return false;} }</script><script language="C#" runat="server">private void btnSearch_Click(object sender, System.EventArgs e) {Response.Write("Search");}private void Page_Load(object sender, System.EventArgs e) {btnSubmit.Attributes.Add("onClick", "return valSubmit();");}</script></head><body><form id="frmBuilderTest" method="post" runat="server"><label style="Z-INDEX: 101; LEFT: 10px; POSITION: absolute; TOP: 48px">First Name:</label><input style="Z-INDEX: 102; LEFT: 88px; POSITION: absolute; TOP: 48px"type="text" name="firstName" id="firstName"><label style="Z-INDEX: 103; LEFT: 10px; POSITION: absolute; TOP: 88px">Last Name:</label><input style="Z-INDEX: 104; LEFT: 88px; POSITION: absolute; TOP: 88px"type="text" name="lastName" id="lastName"><br /><br /><asp:Button id="btnSubmit" style="Z-INDEX: 105; LEFT: 64px; POSITION: absolute;TOP: 128px" runat="server" Text="Submit" Width="136px"OnClick="btnSearch_Click"></asp:Button></form></body></html>
这些代码中最为关键的一行是:
btnSubmit.Attributes.Add("onClick", "return valSubmit();");
通过风格属性使用CSS可以将元素放置在HIML窗体。窗体将JavaScript函数和ASP.NET 按钮 (btnSubmit)以及HTML的onClick事件连接起来。在窗体被提交给服务器时,ASP.NET Button 中的onClick属性会通知系统调用哪些函数。
如果你是一名VB.NET开发人员,对于前面代码,只需要改变代码中的C#模块。VB.NET相应的代码如下:
<script language="vb" runat="server">Private btnSearch_Click (sender As Object, e As System.EventArgs)Response.Write("Search")End SubPrivate Page_Load(sender As Object, e As System.EventArgs)btnSubmit.Attributes.Add("onClick", "return valSubmit();")End Sub</script>
功能强大的JavaScript和ASP.NET结合
JavaScript是面向用户网页开发的实用标准语言,它与ASP.NET Web窗体的结合,为开发人员提供了一个功能强大的用于构建稳固程序的工具集,而程序的稳固性被认为软件性能的一个关键组成部分。
转载于:https://www.cnblogs.com/ProgRamMer-cSdn/archive/2008/11/13/1332419.html
相关资源:JAVA上百实例源码以及开源项目