将JavaScript事件绑定到ASP.NET对象

ZDNet软件频道 时间:2003-06-09 作者:周靖 译 |  我要评论()
本文关键词:
虽然ASP.NET十分强大,但作为我们亲密的老朋友,JavaScript的作用也不可小觑,它能帮助我们完成常见的任务,并由客户端来减轻服务器的负担。
本文译自Builder.com,未经许可请勿转载ASP.NET框架具有强大的功能和不错的灵活性。你可创建服务器端代码来完成任何类型的任务,但在许多任务中,仍然只有客户端JavaScript才最方便。在ASP.NET Web窗体中添加JavaScript类似于把它添加到其他任何类型的网页中。但是,将代码绑定到ASP.NET窗体元素时,却需要一定的技巧。

为什么要使用JavaScript?

客户端JavaScript的优点在其他许多文章中都有详尽的论述。其实最主要的优点就是性能。虽然能用C#或VB.NET来开发相同的功能,但这要求和服务器建立一次额外的往返行程,所以必然损失一定的性能。相反,JavaScript代码和网页一起下载,并由浏览器负责执行,不会牵涉到多余的服务器调用。我们经常用这种技术进行字段验证、确认对话框以及打开其他窗口。

下面将讲解如何将JavaScript包括到一个标准的网页中。然后,我们准备采取一些额外的步骤,让JavaScript能够与ASP.NET Web窗体良好地协作。

传统Web窗体

普通网页含有各种标准化的区域,比如head和body。通常,JavaScript函数要放到网页的head部分,使其在body之前加载。等body加载之后,立即就能使用它们。对函数的调用可在body的各个HTML元素中进行。例如以下JavaScript函数:
 
function confirmSubmit() {
var doc = document.forms[0];
var msg = "Are you sure you want to submit this data?";
if (confirm(msg)) {
doc.submit();
} else {
// do nothing
} }

 
该函数的作用十分简单:它要求用户确认是否想提交文档。如果在确认对话框中单击Yes,就提交文档;否则什么事情都不发生。该函数可轻松地绑定到一个HTML提交按钮:
 
<input type=”button” value=”submit” name=”butSubmit” onClick=”confirmSubmit();”>
 
用户单击提交按钮后,会出现如A所示的消息。

图A

示范JavaScript确认对话框

百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134