服务器之家

服务器之家 > 正文

asp控件和html控件的概念区别

时间:2019-12-04 10:55     来源/作者:ASP.NET教程网

首先我们说说二者的概念区别吧(相信大家都清楚) 

1. asp控件是服务端控件,html是客户端控件。 

2. asp控件在服务端解析后,会转化为html控件使得客户端浏览器能够显示出来。也就是说最终的产物都是html控件。 

3. asp控件只有安装.netFrameWork的服务器才能解析的来,而html用Java,php,asp都可以。 

那么下面说说二者的功能实现区别 

1. asp控件是必须发生页面提交的(除非强制取消,见2.),而html控件则可以提交也可以不提交(通过type属性设置) 

2. asp控件OnClick与OnClientClick区别:OnClientClick执行客户端事件响应(由JavaScript控制);OnClick执行服务端事件响应。 

二者的优先级:OnClientClick > OnClick 。 

二者同时存在于asp控件时举例: 

复制代码代码如下:


<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="删除" OnClientClick="return jsDel();" OnClick="btnDel_Click1" /> 


需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false,那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法. 

也就是说如果我们上面写成: 

复制代码代码如下:


<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="删除" OnClientClick="jsDel(); return false;" OnClick="btnDel_Click1" /> 


那么不管jsDel执行的结要如何.服务器端对应的btnDel_Click1方法都永远不会执行.因为return false使得始终使客户端返回false 

如果我们写成: 

复制代码代码如下:


<asp:Button ID="btnDel" Width="80px" CssClass="buttonstyle" runat="server" Text="删除" OnClientClick="jsDel();" OnClick="btnDel_Click1" /> 


那么btnDel_Click1都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了.所以必须注意了. 

3. asp控件的 OnClick 与html控件的 OnClick 意义不同:前者由服务端事件响应,后者由客户端响应。 

4. html控件加上runat="server"后,与asp控件基本无异(此时已转化为服务端控件了),服务端就可以响应html控件。 

5. html控件里的属性关键字都要是小写的。所以大家要注意这些细节了,小小控件也会有大学问的,而且b/s开发较c/s开发本身就有复杂度,很多细节都是不太一样的。 

我们知道,服务器控件,在id会加上一系列的其他参数: 

类似: 

复制代码代码如下:


<asp:CheckBoxList runat="server" ID="chkTrainConfirmType" RepeatDirection="horizontal" style="display:none"> 
</asp:CheckBoxList> 


而在服务器端表现: 

ctl00_ContentMain_chkTrainConfirmType 

而我们要在客户端操作这些控件,调用id有如下方法: 

1.运行页面查看源代码 复制ID //不可取 
2.document.getElementById("<%=buttn.ClientID%>") //只能在页面上js代码获取 js文件里边获取不了 //buttn和下面的txt1均为控件的id 
3.在后台注册方法 把所需要的ID全部当参数传进去 
Button1.Attributes["click"] = "Button_click(" + txt1.ClientID + "," + txt1.ClientID + "," + txt.ClientID + ");";

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部