1. 程式人生 > >HTML和web窗體的區別

HTML和web窗體的區別

總結:Html就是靜態頁面,可以用來寫錯誤介面等不需要和後臺互動的,簡單的介面;web窗體用來和伺服器互動,實現動態的,比較複雜的功能。

一、Htmlweb窗體的區別:

      1、HTML頁是靜態的,也就是不用和後臺互動的,上面的內容全部都是你寫好的,但是有一個最大的優點就是因為網頁全是靜態的,所以HTML頁的載入速度是最快的。HTML是靜態頁面,不與伺服器進行互動的.aspx也可以說成是靜態的。.html在運用到Ajax的時候也可以實現動態的功能,並且比.aspx更加的靈活,只是開發起來相對要複雜一點。純粹的靜態的頁面就是不與伺服器進行互動,無資料的動態顯示和操作的頁面。

      2、Web窗體上面的資料多是動態從資料庫讀取的,故載入較慢。WEB窗體是一個動態網頁的組合,分為.aspx和相應的.cs檔案,.aspx檔案可以用html標記語言實現網頁前臺,.cs則是伺服器程式碼,用來進行互動。WEB窗體可以直接用VS的各種伺服器控制元件,實現快速開發。

      如果頁面上的內容是動態的,從資料庫讀取的,或者是別的檔案讀取的,則必須是web窗體,還有你建立web窗體後使用的控制元件也是分類別的,比如web伺服器控制元件,HTML靜態控制元件等,都對你這個頁面的載入速度有影響。

二、html控制元件和web控制元件

     使用web控制元件,方便;使用html控制元件,省資源

     1、ASP.NET為Web應用開發提供了很多控制元件,提高了功能和安全性,其中Web控制元件和Hunl控制元件雖然好多功能類似.但是它們的內部實現機制是完全不一樣。

     2、Asp.netHTMLControl繼承來自system.web.ui.HtmlControls名稱空間、webControl繼承自在System.Web.UI.WebControls名稱空間,這兩個類又都繼承自system.web.UI.Controlwindows平臺。 Web伺服器控制元件需要通過伺服器處理後譯為Html控制元件再發送給瀏覽器,比較耗費伺服器資源,Html直接傳送到瀏覽器,不耗費資源,但無狀態儲存。

    3、Html控制元件不具備任何抽象能力。每種控制元件與標記都是一一對應的。Web控制元件建立了更高級別的抽象,它們沒有任何對應的Html標記。因為它們不直接對映為Html標記,所以Web控制元件還能夠在適當的場合起到合併功能的作用,例如用一個TextBox控制元件來代替多個標記。為使用第三方控制元件提供了方便。

    4、Html控制元件與Web控制元件最大的區別是它們對事件處理的方法不同。對於Html窗體控制元件,當引發一個事件時,瀏覽器會處理它。但對於Web控制元件,事件僅由瀏覽器生成,但瀏覽器不會處理它,客戶端要給伺服器發個資訊,告訴伺服器處理事件。

    5、程式碼

Html程式碼:

<span style="font-size:18px;"><body>  
  
    <p>  
        <input id="Button1" type="button" value="button" /></p>  
  
</body>  
</span>

Html控制元件是普通控制元件,執行在客戶端,要想讓它在伺服器端可執行必須加上runat=server

web程式碼:

<span style="font-size:18px;"><p>          
            <asp:Button ID="Button1" runat="server" Text="Button" />  
  
        </p></span>

web控制元件執行在伺服器端,書寫格式簡單,而且不用特別加runat語句,它的實質仍是html控制元件只不過是用別的方法重新封裝了。



相關推薦

轉:HTMLWeb窗體區別

ont .net 加載 平臺 最快 font -s ext 加載速度 總結:Html就是靜態頁面,可以用來寫錯誤界面等不需要和後臺交互的,簡單的界面;web窗體用來和服務器交互,實現動態的,比較復雜的功能。 一、Html和web窗體的區別: 1、 HTML頁

HTMLweb窗體區別

總結:Html就是靜態頁面,可以用來寫錯誤介面等不需要和後臺互動的,簡單的介面;web窗體用來和伺服器互動,實現動態的,比較複雜的功能。一、Html和web窗體的區別:      1、HTML頁是靜態的,也就是不用和後臺互動的,上面的內容全部都是你寫好的,但是有一個最大的優點

htmljsp的區別及優缺點

java代碼 次數 轉換成 區分 編譯工具 復用 serve util html ? HTML(Hypertext Markup Language)文本標記語言,它是靜態頁面,和JavaScript一樣解釋性語言,為什麽說是解釋性語言呢?因為,只要你有一個瀏覽器那麽它就可以

初識HTMLWEB標準

文字 www. pan 引用 情況 主頁 什麽 大於號 無法 初識HTML和WEB標準 什麽是 HTML? HTML 超文本標記語言的縮寫(Hyper Text Markup Language) HTML 並不是編程語言,而是一種標記語言(markup language)

htmlxml的區別

hyper TP 模式 規則 html中 可能 for 有時 都是 https://www.cnblogs.com/keyi/p/7131391.html 一、HTML HTML(HyperTextMark-upLanguage)即超文本標記語言,是WWW的

htmljsp的區別

html是靜態頁面,直接通過瀏覽器可以開啟 jsp是動態頁面,只不過頭部比html多了一行 <%@ page language="java" import="java.util.*" pageEncoding="gbk"%> jsp是Java服務端的頁面,需要釋出到伺服器上才

SGML、HTMLXML的區別

SGML  :  標準通用標記語言(Standard  Generalized Markup Language )             現時常用的超文字格式的最高層次標準,是可以定義置標語言的元

【我的前端自學之路】【HTML5】.html.htm的區別

的區別 文件命名 web soc tps 技術 分享 log 限制 以下為自學筆記內容,僅供參考。 轉發請保留原文鏈接:https://www.cnblogs.com/it-dennis/p/10508171.html .htm 和 .html 的區別 .htm 和 .

ASP.NET中共有哪幾種類型的控件?其中,HTML控件、HTML服務器控件WEB服務器控件之間有什麽區別

web服務 編程 用戶 控制 什麽 lin bsp 兼容性 check ASP.NET的控件包括WEB服務器控件、WEB用戶控件、WEB自定義控件、HTML服務器控件和HTML控件。HTML控件、HTML服務器控件和WEB服務器控件之間的區別如下所示。q HTML

html控制元件、html伺服器控制元件web伺服器控制元件的區別

asp.net之所以現在開發方便和快捷,關鍵是它有一組強大的控制元件庫,包括web伺服器控制元件,web使用者控制元件,web自定義控制元件,html伺服器控制元件和html控制元件等。這裡我主要說說html控制元件 、html伺服器控制元件和web伺服器控制元件的區別。     1、html控制元件:就是我

web端設計web前端開發 的區別

mage ima cnblogs 前端開發 src web前端開發 log alt .cn web端設計和web前端開發 的區別

移動前端開發 Web 前端開發的區別

平臺 所有 ref 答案 關聯 工程師 禁止 全屏 分享 pc,我們需要考慮什麽呢?有點開發經驗的同學都知道,ie6-11,firefox,chrome,safari都得兼容的吧。哪個都夠你吃一壺的,無論是css還是js。mobile的網頁開發,我們需要考慮什麽呢?就目前

JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jQuery中的text()、html()val()

chrom html標簽 sel detail put 替換 not 內容 tail 一、JS中innerHTML、outerHTML、innerText 、outerText、value的區別與聯系?jS中設置或者獲取所選內容的值:①innerHTML :屬性設置或返回該

html、val、attr、prop區別。this.value$(this).val()區別以及return用法

生態 所有 select 批量 控制 添加屬性 ext his 區別 html(): html() 方法返回或設置被選元素的內容 (inner HTML)。 當使用該方法讀取多個值時,它會返回第一個匹配元素的內容。 當使用該方法設置一個值時,它會覆蓋所有匹配元素的內容。 取

HTML中submitbutton的區別

.html 回車 自定義 method 默認 控制 ram 地址欄 req submit是button的一個特例,也是button的一種,它把提交這個動作自動集成了。 如果表單在點擊提交按鈕後需要用JS進行處理(包括輸入驗證)後再提交的話,通常都必須把submit改成bu

原生APPWeb APP的區別

aid pyw style 平臺 follow lan pre 不同 數據交互 Native App開發Native App開發即我們所稱的傳統APP開發模式(原生APP開發模式),該開發針對IOS、Android等不同的手機操作系統要采用不同的語言和框架進行開發,該模式通

談下APP測試WEB測試的區別

app https 設計 tap 升級後 一起 切換 以及 相對 先來講下相同點: 1、都需要理論知識,相同的用例設計方法:邊界值,等價類,錯誤推導法,場景法 2、同樣的測試方法 驗證功能是否滿足需求 3、都需要檢查UI 界面設計是否合理 4、性能檢測 並發 吞吐率的檢

Java Web forwardredirect的區別

forward 數據 cati 訪問 sele 自己 .get 辦理 事情   客戶端向服務器發送一次HTTP請求,該請求可能會經過多個信息資源處理以後才把結果返回給客戶端,各個信息資源使用請求轉發機制相互轉發請求。根據轉發方式的不同,可以區分為直接請求轉發(Forward

Web ServiceServlet的區別

範圍 quest post rmi 產生 detail clas 系統 body 沒接觸過web service今天看了一篇文章轉過來。 在最開始學習Web Service時候,總覺得Web Service和Servlet沒有什麽區別,覺得Servlet可以對Http請求進

HTML中paddingmargin的區別用法

布局 語法 tom mil strong 替換元素 它的 一段 div   margin(外邊距) 定義:margin是用來隔開元素與元素的間距,發生在元素本身的外部,margin用於布局分開元素使元素與元素互不相幹。 提示:margin: top right bottom