- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 7百度安全衛士好用么_百度安全衛士技巧說明
- 8PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]ASP.NET為Web程序開發提供了新的范例。其中包括一系列基于服務器的控件，這些控件類似于HTML窗體中諸如文本框、按鈕等元素。使用這些控件的問題是必須調用服務器。JavaScript為很多任務提供多種選擇的機會，而這些過程不需要調用服務器。讓我們來看結合JavaScript與ASP.NET所帶...
ASP.NET為Web程序開發提供了新的范例。其中包括一系列基于服務器的控件，這些控件類似于HTML窗體中諸如文本框、按鈕等元素。使用這些控件的問題是必須調用服務器。JavaScript為很多任務提供多種選擇的機會，而這些過程不需要調用服務器。讓我們來看結合JavaScript與ASP.NET所帶來的強大功能。
性能是必需的
調用服務器要求帶寬和服務器處理時間，然而對一個可以享受高速流通的局域網程序將不會有任何問題，但是在廣域網中就是不同的情況。一個因特網用戶連接速度的不同主要取決于用戶的撥號調制解調器、帶寬或者電纜調制解調器。使用用戶型的JavaScript可以不需要調用服務器。
傳統方法
一個標準的網頁窗體包括像標題框、正文和窗體在內的頁面。JavaScript函數按傳統方法被放置在網頁窗體的標題框，這些函數允許被頁面的其它部分載入和利用，一旦被載入，這些函數將從HTML元素中調用。
讓我們看看一個簡單的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();
} else {
alert("The following errors were
encountered.nn" + msg);
} }
這一函數將檢驗數據被傳送到窗體中的兩個HIML區。如果其中一個區是空的，將顯示錯誤信息并且停止運行。如果兩個區都有值時，窗體被提交，你可以使用以下的代碼調用這一函數：
<input type="button" value="submit"
name="btnSubmit" onClick="valSubmit();">
利用這一關系，在HIML區沒有數據之前，窗體是不會被提交的。這樣我們可以看到，代碼變得更加簡單，但是由于無需調用額外的服務器而不會產生任何副作用。JavaScript簡短而實用，這就意味著窗體不需要額外的載入時間。
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 Sub
Private 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窗體的結合，為開發人員提供了一個功能強大的用于構建穩固程序的工具集，而程序的穩固性被認為軟件性能的一個關鍵組成部分。
----------------------------------------
作者簡介：Tony Patton是一個應用開發程序員，獲得Java, VB, Lotus和XML證書，知識面廣泛。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1安全證書過時如何辦？
- 2電信手機如何沖q幣？
- 3大v什么意思？
- 4如何充qq幣？
- 5adobe reader是什么？
- 6貼吧如何改名字？
- 7ogg是什么格式？
- 8download是什么意思？
- 9mdi是什么？
- 10wmiprvse.exe是什么？
- 11txplatform.exe是什么進程？
- 12京東運費如何算？
- 1防范PPTV網絡電視偷跑P2P流量的方法_pptv網絡電視_下載之家
- 217app如何注冊 17app注冊方法流程
- 3Cool Edit提示：resample.xfm文件失去怎么辦？
- 4愛奇藝會員號共享（更新日期：2016年9月28日）
- 5豆瓣app下載地址 豆瓣app官方版下載
- 6用XML與ASP完成購物車
- 7remoteview如何用？remoteview使用方法
- 8百度搶票寶驗證碼不顯示如何辦？百度搶票不顯示驗證碼處理方法
- 9人生日歷搶票如何用？人生日歷搶票插件使用圖文說明教程
- 10柚子相機如何用？柚子相機使用方法
- 11搜狗輸入法如何設置快捷鍵？搜狗輸入法設置快捷鍵圖文說明教程
- 12隨星播如何直播？隨星播直播圖文說明教程
