asp控件和html控件的概念区别
程序员文章站
2024-02-25 18:29:57
首先我们说说二者的概念区别吧（相信大家都清楚） 1. asp控件是服务端控件，html是客户端控件。 2. asp控件在服务端解析后，会转化为html控件使得客户端浏览器能...
首先我们说说二者的概念区别吧（相信大家都清楚）
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 + ");";
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 + ");";