將JavaScript事件綁定到ASP.NET對象

　　ASP.NET框架具有強大的功能和不錯的靈活性。你可創(chuàng)建服務器端代碼來完成任何類型的任務，但在許多任務中，仍然只有客戶端JavaScript才最方便。在ASP.NET Web窗體中添加JavaScript類似于把它添加到其他任何類型的網頁中。但是，將代碼綁定到ASP.NET窗體元素時，卻需要一定的技巧。

　　為什么要使用JavaScript?
 
　　客戶端JavaScript的優(yōu)點在其他許多文章中都有詳盡的論述。其實最主要的優(yōu)點就是性能。雖然能用C#或VB.NET來開發(fā)相同的功能，但這要求和服務器建立一次額外的往返行程，所以必然損失一定的性能。相反，JavaScript代碼和網頁一起下載，并由瀏覽器負責執(zhí)行，不會牽涉到多余的服務器調用。我們經常用這種技術進行字段驗證、確認對話框以及打開其他窗口。

　　下面將講解如何將JavaScript包括到一個標準的網頁中。然后，我們準備采取一些額外的步驟，讓JavaScript能夠與ASP.NET Web窗體良好地協(xié)作。

　　傳統(tǒng)Web窗體

　　普通網頁含有各種標準化的區(qū)域，比如head和body。通常，JavaScript函數(shù)要放到網頁的head部分，使其在body之前加載。等body加載之后，立即就能使用它們。對函數(shù)的調用可在body的各個HTML元素中進行。例如以下JavaScript函數(shù)：

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
} }
 
　　該函數(shù)的作用十分簡單：它要求用戶確認是否想提交文檔。如果在確認對話框中單擊Yes，就提交文檔；否則什么事情都不發(fā)生。該函數(shù)可輕松地綁定到一個HTML提交按鈕：
 
<input type=”button” value=”submit” name=”butSubmit” onClick=”confirmSubmit();”>
 
　　用戶單擊提交按鈕后，會出現(xiàn)如圖A所示的消息。

圖A

　　雖然上述JavaScript非常簡單，但你隨時都可對其進行增強，以實現(xiàn)任何需要的邏輯。由于它避免了對服務器的額外調用，所以有助于提升性能。但是，在ASP.NET Web窗體中添加這種類型的功能時，卻不如在普通Web窗體中添加時直觀。

　　首先，函數(shù)要添加到窗體的head部分（參見圖B）。之后，必須從一個ASP.NET控件中調用它。圖B展示了按鈕聲明。

圖B

　　最關鍵的一步就是將ASP.NET按鈕綁定到JavaScript函數(shù)。這需要使用ASP.NET按鈕UserControl對象的Attributes屬性。Attributes屬性提供了一個Add方法，允許為按鈕添加事件。為此需要使用以下VB.NET代碼：
 
butSubmit.Attributes.Add("onClick", "return confirmSubmit();")
 
　　圖C展示了Visual Studio .NET環(huán)境中的VB.NET代碼。

圖C