萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> ASP.Net基礎學習 HTML控件簡單介紹

ASP.Net基礎學習 HTML控件簡單介紹

 HTML控件是ASP.NET所提供的控件(亦稱為Server控件),是在服務器端執行的組件,可以產生標准的HTML文件。一般說來,標准的HTML標簽無法動態控制其屬性、使用方法、接收事件,必須使用其他的程序語言來控制標簽,這對於使用ASP程序設計來說很不方便,而且會使ASP程序比較雜亂。ASP.NET在這方面開發了新的技術,即將HTML標簽對象化,使程序(如Visual Basic.NET、C#…)可以直接控制HTML標簽,對象化後的HTML標簽稱之為HTML控件。

  HTTP控件比HTML標簽多了兩個屬性:

  · ID屬性:表示程序以此屬性來控制和操作對象,對象名稱不可以重復。

  · Runat屬性:表示對象在服務器端執行,所有的HTML控件都必須加上這個屬性。如果HTML控件對象在程序執行時不需要由程序控制,則可省略ID屬性。

  HTML標簽在ASP.NET網頁內執行時,ASP.NET會查看HTML標簽內是否有runat屬性,若是沒有,則當作一般HTML標簽字符串,送往客戶端的浏覽器執行解讀。若是有runat屬性,則表示該標簽已經是對象化的標簽,則會由ASP.NET的Page對象將該對象化的標簽由.NET共享對象類庫中載入,使ASP.NET程序能夠予以控制,當執行完畢之後再轉換成HTML標簽與一般的HTML標簽一起下載到客戶端的浏覽器進行解析執行。

  HTML控件的常用屬性

  InnerHtml/InnerText. 此屬性可以設置控件要顯示的文字。

  InnerHtml:顯示文字並執行HTML標簽功能。

  InnerText:不執行HTML標簽功能而只顯示所有文字字符串。

  范例

  在網頁程序中應用HTML控件的InnerHtml與InnerText屬性。 程序代碼:

以下是引用片段:
01<html>
02 <formrunat=”server”>
03<buttonid=”bl”runat=”server”onserverclick=”bl—click”/><p>
04<spanid=”s1”runat=”server“/><br>
05<spanid=”s2”runat=”server”/>
06 </form>
07<scriptlanguage=“vb”runat=”server”>
08 subpage—load(senderasobject,easeventargs)
09 b1.innertext=”請按我”
10 s1.innerhtml=”凱際資訊”  。
11 s2.innertext=”凱際資訊工作室”
12 endsub
13 subb1click(senderasobject,easeventargs)
14  s1.innerhtml=”<b>ASP.NET</b>”
15  s2.innertext=”<b>ASP.NET</b>”
16 endsub
17 </script>
]8 </html>

  本程序的說明如下:

  · 第2-6行:建立HTML控件中的各組件,如<button>、<span>。

  · 第3行:OnServerClick屬性是Button對象支持的事件,當用戶單擊按鈕對象時會被觸發,設置此屬性表示當發生OnServerClick事件時,要執行哪一個事件程序(本程序是bl click)。

  · 第7行:聲明以下的程序是在服務器端執行的Script程序。

  · 第8-12行:聲明一個網頁對象加載的子程序(page load),主要內容是使用HTML控件對象的InnerText與InnerHtml屬性顯示文字。

  · 第13-16行:bl—click事件程序,聲明對象類型變量Sender與事件參數e,Sender參數的功能是指哪個對象發出事件,e參數的功能則表示發生事件時的相關信息,Span控件用來顯示文字。 每一個事件程序中都要加入(Sender As Object,E As Eventargs)的聲明。 page_load子程序不需要調用,在網頁加載控件時會自動執行。

copyright © 萬盛學電腦網 all rights reserved