视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
asp控件和html控件的概念区别
2020-11-27 22:39:02 责编:小采
文档

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

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 + ");";

下载本文
显示全文
专题