将JavaScript和ASP.NET结合在一起【转载】

最新推荐文章于 2021-03-10 02:20:14 发布

dieshiji0937

最新推荐文章于 2021-03-10 02:20:14 发布

阅读量176

点赞数 1

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/ProgRamMer-cSdn/archive/2008/11/13/1332419.html

版权

将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相应的代码如下：

功能强大的JavaScript和ASP.NET结合

JavaScript是面向用户网页开发的实用标准语言，它与ASP.NET Web窗体的结合，为开发人员提供了一个功能强大的用于构建稳固程序的工具集，而程序的稳固性被认为软件性能的一个关键组成部分。

转载于:https://www.cnblogs.com/ProgRamMer-cSdn/archive/2008/11/13/1332419.html

dieshiji0937

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
将JavaScript和ASP.NET结合在一起【转载】

将JavaScript和ASP.NET结合在一起ASP.NET网页窗体允许使用标准的HTML，因此你可以容易地使用前面的范例。ASP.NET用户控件允许你很轻松地调用服务器代码来处理Web窗体。庆幸的是，用户控件和JavaScript的结合使用完全是可以的。我将利用一个ASP.NET按钮控件的例子来说明这一使用过程。按钮控件的所有属性提供了将JavaScript连接到控件的方式。...
复制链接

扫一扫