1．為button控件添加確認(rèn)功能

要想為服務(wù)器控件添加客戶端的事件，需要用到Attributes屬性。Attributes屬性是所有的服務(wù)器控件都有的一個(gè)屬性，它用來為最終生成的HTML添加自定義的一些標(biāo)記。假設(shè)Web Form上有一個(gè)保存按鈕btnSave,希望在用戶點(diǎn)此按鈕時(shí)提示用戶是否確實(shí)要保存(比如一旦保存就無法恢復(fù)等)，則應(yīng)在Page_Load事件中添加如下代碼：

btnSave.Attributes.Add(

“onclick”,“javascript:return confirm(

‘Are you sure to save?’);\

”)

要注意的是‘return’，這是不可省的，否則即使用戶點(diǎn)了取消，數(shù)據(jù)仍然會(huì)保存。

2．為Datagrid中的每一行添加Javascript事件

Datagrid中的子控件是沒辦法直接訪問的，要實(shí)現(xiàn)上面的那種效果，我們需要用到Datagrid的OnItemDataBound事件。OnItemDataBound事件發(fā)生在Datagrid的每一行數(shù)據(jù)綁定到Datagrid之后（即一行激發(fā)一次）。首先在Datagrid的聲明中添加OnItemDataBound屬性，如下：

此處說明OnItemDataBound事件發(fā)生時(shí)調(diào)用ItemDataBound方法，在代碼后置文件中添加此方法的定義：

private void OnItemDataBound(

object sender, System.Web.UI.WebControls.DataGridItemEventArgs e) {

if(e.Item.ItemType != ListItemType.Header &&

e.Item.ItemType != ListItemType.Footer ) {

LinkButton btnSave = (LinkButton)e.Item.Cells[2].Controls[0];

string strClientID = btnSave.ClientID;

//得到該控件的客戶端ID，可供JavaScript調(diào)用

btnSave.Attributes.Add("onclick","javascript:return confirm

('Are you sure to save?');

");

}

}

由于Datagrid的標(biāo)題行和腳注行也會(huì)激發(fā)此事件，所以首先判斷激發(fā)此事件的行不是標(biāo)題行和腳注行。這里假設(shè)btnSave按鈕位于Datagrid的第3列（第一列是0）。

3．在Javascript中觸發(fā)服務(wù)器端控件事件

讓我們?cè)賮砜紤]第一個(gè)實(shí)例，我們?yōu)楸４姘粹o增加了確認(rèn)功能，只有在用戶確認(rèn)后才會(huì)執(zhí)行保存操作，用戶不確認(rèn)的話就不執(zhí)行，如果我們想要用戶按下“取消”時(shí)，執(zhí)行另外的操作怎么辦呢？這就要需要用JS來回調(diào)(PostBack)服務(wù)器端控件完成操作。

當(dāng)前頁面中有一個(gè)DropDownList控件ddlTest,Button按鈕btnSave.當(dāng)選擇ddlTest時(shí)觸發(fā)onchange事件，保存當(dāng)前的選擇值，在保存前會(huì)讓操作者先確認(rèn)，用戶確認(rèn)則保存，否則轉(zhuǎn)向default.aspx頁。

在Page_Load事件中添加如下代碼：

string strCMD = Page.GetPostBackClientHyperlink( btnSave, "" );

string script = @"javascript:ConfirmUpdate(""EVAL_MESSAGE"");";

script = script.Replace( "EVAL_MESSAGE" , strCMD );

ddlTest.Attributes.Add("onchange",script);

這段代碼執(zhí)行后生成的select控件將是這樣：

〈select name="ddlTest" id="ddlTest"

onchange="javascript:ConfirmUpdate("javascript:__doPostBack('btnSave',')");

" 〉

ConfirmUpdate函數(shù)如下

〈SCRIPT language=javascript〉

function ConfirmUpdate(cmd){

if(confirm("Are you sure to update?")) {

eval(cmd);

}

else {

window.location.href="default.aspx"

}

}

〈/SCRIPT〉

這里利用了Javascript eval函數(shù)來調(diào)用一個(gè)字符串中包含的命令。需注意的是包含命令的字符串不能用單引號(hào)括起來，因?yàn)樽詣?dòng)生成的腳本中包括單引號(hào)，所以這里用兩個(gè)雙引號(hào)表示字符串本身的雙引號(hào)。

下面是一些簡(jiǎn)單的ASP.NET中的javascript操作：

1.打開新窗口

這個(gè)簡(jiǎn)單:Response.Write(@"< script

language='javascript'>window.open('url');< /script>");

2.關(guān)閉窗口

//關(guān)閉當(dāng)前窗口,并提示用戶時(shí)候關(guān)閉,yes關(guān)閉,no退出

Response.Write(@"< script language='javascript'>window.close();< /script>");

//延遲關(guān)閉窗口(下面代碼表示2秒后關(guān)閉,無需確認(rèn))

Response.Write(@"< script

language='javascript'>setTimeout('self.close()',2000);< /script>");

3.延遲時(shí)間

這個(gè)和上面的沒有多少區(qū)別.我用到的情況是,在用戶操作完畢給出提示,"n秒后,頁面

轉(zhuǎn)向"之類的只需去掉2重的Self.close()即可

Response.Write(@"< script

language='javascript'>setTimeout('',2000);< /script>");

4.彈出提示或警告窗口

Response.Write(@"< script language='javascript'>alert('添加成功,2秒鐘后頁面

將自動(dòng)跳');< /script>");

5.刷新其他頁面

這個(gè)用到的情況還是不少.比如在B頁面對(duì)數(shù)據(jù)更新和修改,另一頁面A要保持最新數(shù)據(jù)

給客戶,這是就要在對(duì)B操作完畢的情況下對(duì)A進(jìn)行刷新:

Response.Write(@"< script language='javascript'>window.opener.location.

href='./default.aspx'< /script>") ;

6.頁面跳轉(zhuǎn)

有時(shí)候在學(xué)要給出提示的情況下進(jìn)行頁面跳轉(zhuǎn),不能使用Response.Redirect("url");

比如,當(dāng)客戶操作完畢,單擊按鈕提交,彈出提示框(使用上面3和4),如果使用了

Response.Redirect("url");

那么頁面將不給出提示,頁就是3和4沒有起作用就直接轉(zhuǎn)向了.

如果你是下面的操作過程:

1).Response.Write(@"< script language='javascript'>alert('添加成功,2秒鐘后頁

面將自動(dòng)跳');< /script>");

2).Response.Write(@"< script

language='javascript'>setTimeout('',2000);< /script>");

3).頁面轉(zhuǎn)向:

Response.Write("< meta http-equiv='refresh'

conte

nt='0;URL=./default.aspx'>");

//這個(gè)我不知道用javascript怎么實(shí)現(xiàn),熟悉的輕補(bǔ)充一下
以上就是常用的ASP.NET中的javascript操作。