ASP.NET初了解---Html控件和Web控件

2024-09-05 09:08

本文主要是介绍ASP.NET初了解---Html控件和Web控件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

       作为一名ASP.NET的初学者,了解并且区别一些混淆概念是很必须的,今天这篇博文

就是主要向大家介绍一下Html控件和Web控件。在ASP.NET中,用户界面控件主要就是

Html控件Web控件,在前台页面上看,两种控件非常相似,那么究竟他们有什么不一

样呢?他们又分别适用于什么情况呢?这都是我们需要解决的问题。


     (一)首先,先来分别说一说Html控件和Web控件。


      Html控件它是标准的Html标签。代码如下:

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>  
<input id="txtUserName" type="text" /></p>

       值得注意的是,HTML控件可以通过修改代码将其变成服务器端控件,几乎所有的HT

ML标记只要加上runat="server",这个服务器控件标识属性后都可以变成服务器端控件。

这与普通HTML标记相比最大的区别在于,服务器端控件可以通过服务器端代码来控制。

例如:

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>  
<input id="txtUserName" type="text" runat="server"/></p>

    

       Web控件:在这里,我们说的都是Web服务器控件。代码如下:

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>  
<asp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox>
       它类似 HTML 服务器控件,同样在服务器创建,它在创建时默认有runat="server" 属性 不过,Web 服务器控件不必映射任何已有的 HTML元素,它们可代表更复杂的元素。

       1.特点:

         (1.Web控件是对象,它与对象一样,拥有方法和属性,并且响应事件;

         (2)当Web控件包含在Web页中时,就可以设置其属性并调用其方法;

         (3)可以为Web控件编写服务器端代码以响应在客户端上发生的事件。(这点与

Html控件区别,Html控件是不能在服务器端控制的)

       2.分类:

 

 

     

     (二)再者,初步了解了HtmlWeb控件,我们还需要分析分析两者之间的区别。


       1.书写方面:   显而易见,与Web 服务器控件相比,Html控件没有 asp标记前缀,而

是使用Input

      (1)Web 控件:

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox></span>  
<asp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox>

      (2)Html控件:

[html] view plain copy print ? 在CODE上查看代码片 派生到我的代码片
  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text"/></p></span>  
<input id="txtUserName" type="text"/></p>;
        2.响应事件方面:

      (1)Web 控件:Web控件可以响应服务器端事件,可以在后台代码中设置相关属性

和方法等;

      (2)Html控件:不可以响应服务器端事件,但是也是允许响应用户操作的事件的。

例如,按钮控件提供在用户单击按钮时将引发的 click 事件。你可以创建一个称为事件处

理程序的函数来处理该事件,然后向该控件注册此事件处理程序。

       关于如何注册此事件处理程序:一种方法是在HTML 中添加事件处理程序:将控件的

事件属性设置为 JavaScript 事件处理程序函数或 JavaScript语句的名称。另一种方法是

以编程方式添加它。对此我们不做过多解释,不是本篇的重点。

      3.编译处理方面:

      (1)Web 控件:Web控件需要通过服务器处理后译为HTML控件再发送给浏览器,

所以比较耗费服务器资源,并由于有VIEWSTATE,所以在回送的时候会保持控件状态(也

可以设置不保存)也因此增加了回送信息量。

      (2)Html控件:而Html控件则直接发送到浏览器,不另耗费服务器资源,但无状态

保存!     

       4.获取值方面:

      (1)Web 控件:获得HTML控件的值   需要使用REQUEST的FORM   方法,

      (2)Html控件:WEB控件就可以直接通过属性直接处理!

     (三)最后,根据以上方面的比较,我们可以得到一些经验:

       如果你不需要保存状态,也不需要获取值,那么可以考虑优先使用Html控件,反之,

如果需要对控件进行动态的处理,并且需要保存其状态,那么优先使用Web控件。

       说了这么多,你明白些了吗? 

这篇关于ASP.NET初了解---Html控件和Web控件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1138527

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

关于数据埋点,你需要了解这些基本知识

产品汪每天都在和数据打交道,你知道数据来自哪里吗? 移动app端内的用户行为数据大多来自埋点,了解一些埋点知识,能和数据分析师、技术侃大山,参与到前期的数据采集,更重要是让最终的埋点数据能为我所用,否则可怜巴巴等上几个月是常有的事。   埋点类型 根据埋点方式,可以区分为: 手动埋点半自动埋点全自动埋点 秉承“任何事物都有两面性”的道理:自动程度高的,能解决通用统计,便于统一化管理,但个性化定

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

poj 1258 Agri-Net(最小生成树模板代码)

感觉用这题来当模板更适合。 题意就是给你邻接矩阵求最小生成树啦。~ prim代码:效率很高。172k...0ms。 #include<stdio.h>#include<algorithm>using namespace std;const int MaxN = 101;const int INF = 0x3f3f3f3f;int g[MaxN][MaxN];int n

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

如何在Visual Studio中调试.NET源码

今天偶然在看别人代码时,发现在他的代码里使用了Any判断List<T>是否为空。 我一般的做法是先判断是否为null,再判断Count。 看了一下Count的源码如下: 1 [__DynamicallyInvokable]2 public int Count3 {4 [__DynamicallyInvokable]5 get

2、PF-Net点云补全

2、PF-Net 点云补全 PF-Net论文链接:PF-Net PF-Net (Point Fractal Network for 3D Point Cloud Completion)是一种专门为三维点云补全设计的深度学习模型。点云补全实际上和图片补全是一个逻辑,都是采用GAN模型的思想来进行补全,在图片补全中,将部分像素点删除并且标记,然后卷积特征提取预测、判别器判别,来训练模型,生成的像

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码