Html控件和Web控件(转)

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

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

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

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

 

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

 

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

 

[html] view plain copy

 

 print?

  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" /></p></span>  

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

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

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

例如:

[html] view plain copy

 

 print?

  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text" runat="server"/></p></span>  

    

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

 

[html] view plain copy

 

 print?

  1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName" runat="server">txtUserName</asp:TextBox></span>  

       它类似 HTML 服务器控件,同样在服务器创建,它在创建时默认有runat="server" 属性。不过,Web 服务器控件不必映射任何已有的 HTML元素,它们可代表更复杂的元素。

       1.特点:

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

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

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

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

       2.分类:

 

 

     

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

 

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

是使用Input。

      (1)Web 控件:

[html] view plain copy

 

 print?

  1. <span style="font-family:Microsoft YaHei;"><asp:TextBoxIDasp:TextBoxID="txtUserName"runat="server">txtUserName</asp:TextBox></span>  

 

      (2)Html控件:

[html] view plain copy

 

 print?

  1. <span style="font-family:Microsoft YaHei;"><input id="txtUserName" type="text"/></p>;</span>  

        2.响应事件方面:

 

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

和方法等;

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

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

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

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

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

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

      3.编译处理方面:

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

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

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

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

保存!     

       4.获取值方面:

      (1)Web 控件:WEB控件可以通过属性直接处理,

      (2)Html控件:服务器端要获得HTML控件的值   需要使用REQUEST的FORM 方法!

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/438034.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VMware Pro 14 安装 Ubuntu 18.04 详细教程

目录● 安装步骤1.下载安装 VMware Workstation Pro 142.下载 Ubuntu 18.04 系统3.在 VMware 中创建虚拟机4.在虚拟机上安装 Ubuntu 系统● 安装过程中可能会出现的一些问题 1.在虚拟机上安装 Ubuntu 系统的过程中卡死不动 2.Ubuntu 不能全屏显示● 安装步骤 1.下载安装 VMware…

Web服务器控件和HTML控件的区别与联系

我们知道&#xff0c;在ASP.NET中&#xff0c;使用了两类控件&#xff0c;一类是HTML控件&#xff0c;还有一类是WEB控件。 WEB控件我们已经很熟悉&#xff0c;因为它是ASP.NET提供&#xff0c;一般关于ASP.NET的教程文章都会仔细介绍这些控件的详细应用技巧&#xff1b; 而H…

Hexo 博客优化之博客美化系列(持续更新)

2022-01-25 更新&#xff1a;博客新地址&#xff1a;https://www.itbob.cn/&#xff0c;文章距上次编辑时间较远&#xff0c;部分内容可能已经过时&#xff01; 本文将讲述一些 Hexo 博客的美化&#xff0c;本文以作者 luuman 的 spfk 主题和作者 xaoxuu 的 Material X 主题为例…

一台电脑部署两个或多个 Hexo 博客(一台电脑使用两个或多个 GitHub 账号)

由于个人原因需要在一台电脑上部署两个Hexo博客&#xff0c;本来以为挺简单&#xff0c;没想到问题重重&#xff0c;首先是一个GitHub账号只能搭建一个Hexo博客&#xff0c;因此就需要使用其他GitHub账号&#xff1b;其次是一台电脑绑定两个GitHub账号&#xff0c;则需要两对公…

element.style内联样式修改

最近在修改我个人博客的一个样式时发现&#xff0c;无论我如何修改style里面的值&#xff0c;页面上的样式都不会被修改&#xff0c;F12检查一下发现个element.style&#xff0c;但是却找不到这个值在哪里&#xff0c;查资料后才知道element.style为内联样式&#xff0c;基本很…

免费CDN:jsDelivr+Github 使用方法

CDN的全称是Content Delivery Network&#xff0c;即内容分发网络。CDN是构建在网络之上的内容分发网络&#xff0c;依靠部署在各地的边缘服务器&#xff0c;通过中心平台的负载均衡、内容分发、调度等功能模块&#xff0c;使用户就近获取所需内容&#xff0c;降低网络拥塞&…

EasyUI学习总结(一)——EasyUI入门

一、EasyUI下载 EasyUI官方下载地址&#xff1a;http://www.jeasyui.com/download/index.php&#xff0c;目前最新的版本是&#xff1a;jQuery EasyUI 1.4.1 下载完成之后&#xff0c;得到压缩包&#xff0c;解压后&#xff0c;得到一个【jquery-easyui-1.4.1】文件夹&#xff…

PWN-PRACTICE-CTFSHOW-1

PWN-PRACTICE-CTFSHOW-1PWN签到题pwn02pwn03pwn04PWN签到题 nc连上去就会打印flag pwn02 栈溢出&#xff0c;覆盖返回地址为后门函数stack起始地址即可 # -*- coding:utf-8 -*- from pwn import * #ioprocess("./pwn1") ioremote("pwn.challenge.ctf.show&…

利用QQ邮箱设置个性域名邮箱,并在网易邮箱大师客户端添加域名邮箱

平常我们使用的邮箱都是xxxqq.com、xxx126.com、xxx163.com、xxxgmail.com之类的&#xff0c;这些邮箱会暴露你的QQ号、电话号等信息&#xff0c;最重要的是后缀都和别人一样&#xff0c;没有个性&#xff0c;也许你看见过xxxliruihao.com、xxxwangxiaoxiao.com之类的带有个性后…

MVC和WebForm区别

WebForm的理解 1、 WebForm概念 ASP.NETWebform提供了一个类似于Winform的事件响应GUI模型&#xff08;event-drivenGUI&#xff09;&#xff0c;隐藏了HTTP、HTML、JavaScript等细节&#xff0c;将用户界面构建成一个服务器端的树结构控件&#xff08;Control&#xff09;&a…

VMware Pro 15 安装 Deepin15.9 国产操作系统详细教程

Deepin是由武汉深之度科技有限公司开发的Linux发行版&#xff0c;个人认为其界面设计非常美观&#xff0c;而且作为国产操作系统&#xff0c;值得我们去体验和支持&#xff01; 文章目录1.下载安装 VMware Workstation Pro 152.下载 Deepin15.9 系统3.在 VMware 中创建虚拟机4.…

Asp.Net WebForm生命周期的详解

一&#xff0e;http://Asp.Net页面生命周期的概念 当我们在浏览器地址栏中输入网址&#xff0c;回车查看页面时&#xff0c;这时会向服务器端IIS&#xff09;发送一个request请求&#xff0c;服务器就会判断发送过来的请求页面&#xff0c;当完全识别 TTP页面处理程序类后&…

Python PEP8 代码规范常见问题及解决方法

之前一直用 Python IDLE 写代码&#xff0c;最近换成 PyCharm 写代码总是会出现波浪号&#xff0c;这才了解到 Python 的 PEP8 代码规范&#xff0c;所以将常见的 PEP8 代码规范问题和解决方法记录一下&#xff0c;学习一下&#xff0c;遇到了再持续更新&#xff0c;养成良好的…

Eclipse 通过 JDBC 连接 SQL Server

文章目录1.配置 SQL Server 20122.开启 Telnet 服务3.测试1433端口是否打开4.下载JDBC5.Eclipse 连接 SQL Server6.测试连接本文用到的软件版本以及相关环境&#xff1a; Eclipse Photon Release (4.8.0) JDK-10.0.2 SQL Server 2012 1.配置 SQL Server 2012 打开 SQL Server …

SQL Server 登录更换【Windows身份验证】为【SQL Server 身份验证】

1、安装好 SQL Server 后&#xff0c;使用 Windows 身份验证登陆SQL&#xff0c;然后在服务器上右键&#xff0c;选择【属性】&#xff0c;在弹出的窗口中选择【安全性】&#xff0c;在服务器身份验证项里勾选【SQL Server 和 Windows 身份验证模式】&#xff0c;点击确定保存 …

基于.NET平台的分层架构实战(二)——需求分析与数据库设计

基于.NET平台的分层架构实战&#xff08;五&#xff09;——接口的设计与实现 基于.NET平台的分层架构实战&#xff08;四&#xff09;——实体类的设计与实现 基于.NET平台的分层架构实战&#xff08;三&#xff09;——架构概要设计 基于.NET平台的分层架构实战&#xff0…

PWN-PRACTICE-CTFSHOW-5

PWN-PRACTICE-CTFSHOW-5BJDCTF2020-router36D杯-签到36D杯-babyFmtstr36D杯-MagicStringBJDCTF2020-router 36D杯-签到 栈溢出&#xff0c;用ROPgadget找到一个"sh"字符串&#xff0c;ROP&#xff0c;程序过滤了cat和空格&#xff0c;more<flag绕过即可 # -*- c…

Hexo 博客自定义一个不使用主题模板渲染的独立页面

2022-01-25 更新&#xff1a;博客新地址&#xff1a;https://www.itbob.cn/&#xff0c;文章距上次编辑时间较远&#xff0c;部分内容可能已经过时&#xff01; Hexo 是一个轻量、快速&#xff0c;简单和强大的博客框架&#xff0c;当我们需要发布博文的时候&#xff0c;只需要…

log4net部分配置说明

第一步&#xff1a; 添加并应用Log4net.dll。然后在Web.config文件中添加下面的配置局 <configSections> <section name"log4net" type"log4net.Config.Log4NetConfigurationSectionHandler, log4net" /> </configSections> 第二步…

网站ICP备案和公安备案流程

2022-01-25 更新&#xff1a;博客新地址&#xff1a;https://www.itbob.cn/&#xff0c;文章距上次编辑时间较远&#xff0c;部分内容可能已经过时&#xff01; 文章目录-- ICP备案 1、填写信息验证备案类型2、产品验证3、填写网站信息4、上传资料5、人脸核验或幕布拍照核验6、…