比較ASP.NET中的html控件和web控件
html控件和web控件雖然好多功能相同并且長(zhǎng)得很像，但是它們的內(nèi)部實(shí)現(xiàn)機(jī)制是完全不一樣的，Web控件要比Html控件執(zhí)行效率要好。
html控件和web控件比較1：使用起來(lái)也相當(dāng)方便,舉個(gè)簡(jiǎn)單的例子,例如Button的生成:
Html控件是將龐大控件集合全部弄到頁(yè)面中，用到哪個(gè)功能，就設(shè)置一下屬性,如下:
- < input type=submit/button runat=server>
這樣會(huì)占用相當(dāng)大的控件資源 。
Web控件是將集成式的拆解成單功能的：
- < asp:button id="btnOK" />
這樣就可以節(jié)省不必要的控件所占用的資源了
html控件和web控件比較2：Web控件具有回送功能,能夠用ViewState維持控件的狀態(tài). Html控件則不能,當(dāng)點(diǎn)擊頁(yè)面的操作，其狀態(tài)就會(huì)丟失.
可以做這樣的一個(gè)實(shí)驗(yàn):
I. 分別建立兩個(gè)文件: a.html b.aspx
II.在a.html頁(yè)面中加Html控件的RadioButton和一個(gè)button，在b.aspx中加Web控件的RadioButton和一個(gè)button
III.a.html直接雙擊瀏覽器運(yùn)行,b.aspx通過(guò)IIS運(yùn)行
IV.在a.html運(yùn)行界面中，選中RadioButton,再單擊Button按鈕，會(huì)發(fā)現(xiàn)RadioButton會(huì)
取消選中(丟失其狀態(tài)),但在b.aspx頁(yè)面執(zhí)行同樣的操作，RadioButton不會(huì)丟失，因?yàn)閂iewState
給它保存了狀態(tài). 您可以在運(yùn)行界面點(diǎn)擊瀏覽器菜單"查看"->“源文件",打開Html代碼文件，
找到加密后的ViewState,類似于下面:
- < input type="hidden" name="_VIEWSTATE" value="dDw0ajfmafmjfzzmj4"/>
其實(shí)ViewState實(shí)現(xiàn)原理也是將一些信息放到隱藏的一個(gè)控件中，并且asp.net生成的ViewState信息是存儲(chǔ)在客戶端的，這里要注意的一點(diǎn)是：只有當(dāng)格式為*.aspx文件，并且控件具有屬性:"runat=server"時(shí)，回送功能才能打開
html控件和web控件比較3：Html控件與Web控件***的區(qū)別是它們對(duì)事件處理的方法不同。對(duì)于Html窗體控件，當(dāng)引發(fā)一個(gè)事件時(shí)，瀏覽器會(huì)處理它。但對(duì)于Web控件，事件僅由瀏覽器生成，但瀏覽器不會(huì)處理它，客戶端要給服務(wù)器發(fā)個(gè)信息，告訴服務(wù)器處理事件。不過(guò)有些事件，比如: 按下鍵/移動(dòng)/鼠標(biāo)等事件，asp.net中沒(méi)有這些事件 (因?yàn)檫@些事件即時(shí)性強(qiáng)，服務(wù)器處理得不夠及時(shí))，這時(shí)候Html控件就發(fā)揮其作用了，結(jié)合Html事件協(xié)助完成.
如下是一些Html常用的事件:
在瀏覽器上執(zhí)行的Html控件事件:
單擊時(shí)觸發(fā):
- < INPUT type="button" value="Click Me" onclick="alert('Hi,你好!');">
鼠標(biāo)彈起時(shí)觸發(fā):
- < INPUT type="button" value="Click Me" onmouseup="alert('Hi,你好!');">
懸浮在控件上方時(shí)觸發(fā)
- < INPUT type="button" value="Click Me" onmouseover="alert('Hi,你好!');">
鼠標(biāo)在控件上方移動(dòng)時(shí)觸發(fā)
- < INPUT type="button" value="Click Me" onmousemove="alert('Hi,你好!');">
//雙擊控件時(shí)觸發(fā)
- < INPUT type="button" value="Click Me" ondblclick="alert('Hi,你好!');">
//當(dāng)焦點(diǎn)在控件時(shí)，按鍵時(shí)觸發(fā)
- < INPUT type="button" value="Click Me" onkeypress="alert('Hi,你好!');">
//按鍵按下時(shí)觸發(fā)
- < INPUT type="button" value="Click Me" onkeydown="alert('Hi,你好!');">
在不需要與后臺(tái)進(jìn)行交互時(shí)就使用HTML控件，它的占用的資源比較少，速度也比較快,在需要與后臺(tái)進(jìn)行交互時(shí)，就使用WEB控件，或者在HTML 控件上加上runat="server" 也可以將一個(gè)HTML控件轉(zhuǎn)換成交互控件，但這樣占用的資源就和Web控件沒(méi)任何分別了。
WEB控件可以響應(yīng)服務(wù)器端事件，可以在后臺(tái)代碼中設(shè)置相關(guān)屬性和方法等！HTML不可， WEB服務(wù)器控件需要通過(guò)服務(wù)器處理后譯為HTML控件再發(fā)送給瀏覽器，所以比較耗費(fèi)服務(wù)器資源，并由于有IEWSTATE，所以在回送的時(shí)候會(huì)保持控件狀態(tài)（也可以設(shè)置不保存）也因此增加了回送信息量。HTML直接發(fā)送到瀏覽器，不另耗費(fèi)服務(wù)器資源，但無(wú)狀態(tài)保存！
獲得HTML控件的值 需要使用REQUEST的FORM 方法，WEB控件就可以直接通過(guò)屬性直接處理！
所以，一般來(lái)說(shuō)，對(duì)于不需要保存控件狀態(tài)，并無(wú)什么對(duì)值處理的地方就可以使用HTML 如果需要對(duì)控件進(jìn)行動(dòng)態(tài)的處理，或要保存其狀態(tài)等 就可以WEB服務(wù)器控件！WEB服務(wù)器控件用起來(lái)個(gè)人認(rèn)為要方便些，但是就是另外多耗費(fèi)服務(wù)器資源！
很多書上都說(shuō)，考慮性能的話在能不用WEB服務(wù)器控件的地方就盡量不用。
什么時(shí)候用什么時(shí)候不用還是要看具體情況，在條件寬松的情況下就看個(gè)人習(xí)慣了。
區(qū)別就是服務(wù)器控件有runat=server不是很必要的話用html，web太浪費(fèi)資源。
【編輯推薦】
